最近のブラウザ使えそうなCSSハックの一覧
個人的にハックはあまり使いたくないと言う考えなんですが、ちょこっとハックを使うだけで便利になる事はけっこうあるかと思います。
なので最近のブラウザで使えそうなハックを改めてまとめてみました。
IE6に適用
.huck {
_background: #CCC;
}
IE7に適用
*:first-child + html .huck {
background: #6CF;
}
IE8に適用
html>/**/body .huck {
width /*\**/: 200px\9;
background /*\**/: #996\9;
}
IE6 IE7に適用
.huck {
*width: 200px;
}
Fx 1.5, 2.0 以降に適用
.huck, x:-moz-read-only { background: #09F; }
Fx 3.0 以降に適用
.huck, x:-moz-broken { background: #930; }
Fx 3.5 以降に適用
.huck, x:-moz-broken, x:last-of-type { background: #036; }
Safari Opera に適用
body:first-of-type .huck {
width: 200px;
background: #333;
color: #FFF;
}
※ .huck となっている部分は任意の要素です。
参考サイト
追記
Safari Opera に適用に記述したハックなんですが、Firefox 3.5 で実装されているみたいなので、Safari 用のハックではなかったです...
> body:first-of-type .huck {
:first-of-type 擬似クラスが Firefox 3.5 で実装されたので、Safari 用の css hackとしては使えなくなってますよ。ご参考まで。
2009年10月25日 23:30