CSS ハック関係

IE6のみに適用する場合
#hoge {
_color: #000;
}

IE7のみに適用する場合
*:first-child + html #hoge {
color: #000;
}
#hoge {
color: #eee;/* 一般的なブラウザ */
}
#hoge {
*color: #000;/* IE7 */
}
#hoge {
_color: #eee;/* IE6 */
}

IE6 IE7の両方に適用する場合
#hoge {
*color: #000;
}

IE8に適用する場合
html>/**/body #hoge {
color /*\**/: #000;
}

Fx 1.5, 2.0 以降に適用する場合
#hoge, x:-moz-read-only {
color: #000;
}

Fx 2 に適用する場合
#hoge, x:-moz-any-link {
color: #000;
}

Fx 3 に適用する場合
#hoge, x:-moz-any-link {
color: #eee;/* Fx2用 */
}
#hoge, x:-moz-any-link, x:default {
color: #000;/* Fx3用を上書き */
}

Fx 3.0 以降に適用する場合
#hoge, x:-moz-broken {
color: #000;
}

Fx 3.5 以降に適用する場合
.huck, x:-moz-broken, x:last-of-type {
color: #000;
}

Safari 3.0に適用する場合(CSS3を利用しているためFx3.5もサポート)
body:first-of-type #hoge {
color: #000;
}

Safari 3.1 and Google Chromeに適用する場合(Fx3.5もサポート)
body:nth-of-type(1) #hoge {
color: #000;
}

Opera 9 に適用する場合
@media screen and (-webkit-min-device-pixel-ratio:0){
#hoge {
color: #eee;/* SafariとChrome用 */
}
}

body:first-of-type #hoge {
color: #000;/* Opera 9用 */
}

2009 年 10 月 20 日

このページの先頭へ

イメージ画像