■「\」「9」「*」「_」の四文字だけで、ハック
#element {
color:orange;
}
#element {
*color: white; /* IE6+7, doesn't work in IE8/9 as IE7 */ }
#element {
_color: red; /* IE6 */ }
#element {
color: green\0/; /* IE8+9 */ }
:root #element { color:pink \0/; } /* IE9 */-----NEW
■ IE8とそれ以下
body {
color: red; /* all browsers, of course */<------全てのブラウザ用の指定
color : green\9; /* IE8 and below */<----------IE8とそれ以下用の指定。最後に「\9」をつける。
}
■ IE7とそれ以下
body {
color: red; /* all browsers, of course */<------全てのブラウザ用の指定
color : green\9; /* IE8 and below */<----------IE8とそれ以下用の指定
*color : yellow; /* IE7 and below */<-----------IE7とそれ以下用の指定。先頭に「*」をつける。
}
■ IE6
body {
color: red; /* all browsers, of course */<-----全てのブラウザ用の指定
color : green\9; /* IE8 and below */<--------IE8とそれ以下用の指定
*color : yellow; /* IE7 and below */<---------IE7とそれ以下用の指定
_color : orange; /* IE6 */<----------------------E6用の指定先頭に「_」をつける。
}
■ CSSハックについて
条件付きコメント
<!--[if lte IE 7]>
Make IE7 happy.
<![endif]-->
CSSハックはちょっとしたテストやデバッグなどには有用。条件付きコメントを推奨。ハックの一番の心配は将来それが有効ではなくなる可能性があるため。
ハックは、賢く使用してください。とのこと。
引用はコリスさん:http://coliss.com/articles/build-websites/operation/css/css-quick-tip-css-hack-target-ie6-ie7-ie8.html
ありがとうございました。
[条件付コメント]
CSSファイルの中に各ブラウザ専用の記述方法で適用させる方法以外に、IEのみですが「条件付きコメント」を利用する場合もあります。
IEにはHTMLの独自拡張として「条件付きコメント」という記述方法が用意されています。
これはHTMLのコメント( < !-- ~ --> )を拡張したもので、IEのバージョンごとにスタイルを適用したり、画面に表示される文字を調整する事ができます。
HTMLファイル内に記述します。 引用はこちらの方:http://webdesignfactory.schoolbus.jp/css_hack/
ありがとうございました。