IE6/IE7/IE8/IE9 CSSハックまとめ
2011/10/17
IE6/IE7/IE8/IE9 の為の良く使いそうなCSSハックをまとめてみました。
body {
color: red; /* 通常 */
color: red¥9; /* IE8以下 */
（※この記述の場合、IE9でもIE10でも動いていました。この記事を書いていた時期はまだIE10が正式版として提供されていない時期で、なおかつIE9による動作検証が不十分でした。IE10を含めたハックまとめは近日中に検証したいと思います。2013.8追記）
*color: red; /* IE7以下 */
/color: red; /* IE6・IE7 */
_color: red; /* IE6 */
}
body {
color/*¥**/: red¥9; /* IE7・IE8 */
}
*+html body {
color: red; /* IE7 */
}
body:not(:target) {
color: red¥9; /* IE9 */
}
万が一の場合のメモ書きですが、CSSハックは極力使わないコーディングを目指しています。
※同時に複数のハックを使用する場合、機能しなくなる現象がありました。 新しくハック関するコラムを書きましたのでこちらもどうぞご覧になってご参考ください！こちらが最新の情報となります。
↓↓↓
IE6/IE7/IE8/IE9/IE10/＆モダンブラウザ CSSハックまとめ