IE7のCSS HACK

シンプルなIE7のハックをみつけたので

バージョン 6 以下の IE にのみ適用

* html body

バージョン 7 の IE にのみ適用

*+html body

バージョン 7 を含む全ての IE にのみ適用

*+html body, * html body

IE7 を含むモダンブラウザにのみ適用(バージョン 6 以下の IE を除外)

html>body

IE7 を除くモダンブラウザにのみ適用

html>/**/body

引用元:Lucky bag::blog: IE7 を含むモダンブラウザ向けの CSS ハックまとめ

このCSS HACKは非常にいいのですが、ひとつ気をつけないといけないことがあります。
IE7も文書型宣言を記述してないと互換モードになってしまうってことです。

といってもIE5.xと同じに作ればいいってわけでもないみたいなので、過去に作ったサイトで文章型宣言が書かれていないと物凄くめんどくさい事になりそうですね。
いままでちゃんとHTMLを記述していたかがIE7の正式リリースで分かってしまうかも。。。

»文書型宣言あり(XHTML)

»文書型宣言あり(HTML)

»文書型宣言なし

コメントを残す

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