HOME > >

CSS Hack

ブラウザのバグを利用してCSSの適用を最適化する方法

現在WEBサイトを閲覧するために多くの人たちは、IE(Internet Explorer)やFirefoxに代表されるブラウザを利用していますが、各ブラウザによってCSSの解釈が違うため表示が崩れる場合があります。

それを解消するためブラウザのバグを利用して表示の違いを調整する方法をCSSハックと呼んでいます。

CSSハック一覧

代表的なCSSハックをあげておきます。

名称 対応ブラウザ
アンダースコアハック WinIE4.0〜6.0
スターハック WinIE4.0〜6.0MacIE4.0〜5.2
スター7ハック WinIE5.5〜6.0/MacIE5.0〜5.2/Safari
Hollyハック(バックスラッシュハック) MacIE5.0〜5.2
Caioハック NN4
ハッシュハック WinIE4〜6/MacIE5.0〜5.2/Opera7/Mozilla/Firefox
Fbriceインバージョン NN4/Opera4〜5
ハッシュハック WinIE4〜6/MacIE5.0〜5.2/Opera7/Mozilla/Firefox
:root擬似クラス MacIE5.0〜5.2/Mozilla/FireFox/Safari
xmlns属性 Mozilla/FireFox/Opera7.5〜/Safari