« 買った本 | ブログ トップ | 相互リンクも潮時? »

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)

»文書型宣言なし

トラックバック

このエントリーのトラックバックURL:
http://blog.ikesai.com/cgi-bin/mt-tb.cgi/115

この一覧は、次のエントリーを参照しています: IE7のCSS HACK:

» シンプルなIE7のハック 送信元 ナカハラWEBデザイン
シンプルなIE7のハックをみつけたので バージョン 6 以下の IE にのみ適用 * html body バージョン 7 の IE にのみ適用 *+h... [詳しくはこちら]

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)