CSS Hack for IE 8

IE 8だけにCSSを適用したい

イケテナイIE8だけにCSSを設定しなくてはいけないことがまだまだある様子。
IE7, IE6向けHackが使えないのがマイクロソフトらしいとこ。

普通のブラウザを作って欲しいと切に願わずにはいられません。

IE8向けHack

.className {
    /* for IE 8 only */
    color /*\**/: blue\9;
}

全てのIE向けHack

.className {
    /* for all IE only */
    color : blue\9;
}

\9 がポイントだってさ。
ないと Webkit系に影響しちゃうらしい。

update
IE 8向けセレクタとしてこういうのもあるらしい。

html>/**/ .className {
    /* for IE 8 only */
    color /*\**/: blue\9;
}

しかし、Safari 4 が上記全てのhackに反応してしまう。
Safari 4ように再度設定しないといけなかった。

/* for IE 8 only with Safari */
html>/**/ .className {
    color /*\**/: blue\9;
}
/* for Safari 3 above */
body:first-of-type .className {
    color : red;
}

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください