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;
}
カテゴリー: Browser, CSS   タグ: ,   この投稿のパーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">