Happy Swing

2007年11月14日

IE7のみをハックするCSS

久しぶりにCSSネタを。
クライアントから「IE7でフォームのテキストフィールドが突き抜けるんですけど・・・」と言われた。
とりあえず、IE7で確認してみると、崩れてない。
まさか！と思って、会社に数台しかないVistaを借りて確認してみたら、ものの見事に突き抜けてました＾＾；
というわけで、急遽IE7のみをハックすることに。
せっかく調べたので、IE7のハック方法を自分のメモのために残しておきます。

IE7のみにCSSを適用する場合

*:first-child+html div.test { }

IE7以外のIE（IE6以前、MacIE5）にCSSを適用する場合

*html div.test { }

IE（IE7含む）以外のブラウザにCSSを適用する場合

html>/**/body div.test {}

IE7とその他ブラウザにCSSを適用する（IE7以前のIEのみ除外する）場合

html>body div.test { }

こんな感じです。っつーか、「*html」ってIE6とかにしか効かなかったのか・・・どーりで、全称セレクタでのハックで指定した数値がIE7に反映されていないわけだ＾＾；

久々にCSSを学びました。これだけあれば、一通りの指定ができるかな。
どれかは使えそうな気がする。