タグ別アーカイブ: ie8

IE8だけに適用できるCSSハックとは?

必要があってだいぶ調べましたが…結論。

そんなものは、無い。

まぁ実際ないことはなかったんですが…一番よく見かけたのが下の方法。

html>/**/body #sample p {
color /*\**/: blue\9;
}

これはとても覚えられないし、感覚の問題になってしまいますが、かなり気持ち悪い。
ヴァリデーションも通らないらしい。

おとなしく、コンディショナルコメントでIEのみに読み込ませるCSSを指定するのが最も分かりやすそうだ。

<!–[if IE]> <link rel=”stylesheet” href=”ie.css” type=”text/css” /> <![endif]–>

IE7まではCSSハックでしのいでいましたが、<head>タグ内は一切変更できませんという奇特なCMSを使っているのでない限り、今後IE対策はこの方法で対応しようと思います。

参考:
IE8だけに適用させるCSSハック
Internet Explorerの条件分岐コメント (コンディショナルコメント)