2009年4月13日月曜日

[ CSS ] CSSをIEとその他で分けて適用する

割と普通に使われているハックなので、いまさらなんですが。

こんな風に書くと楽に出来ます。
#menu {
  background:#300;
  color:#fff;
}
*html #menu {
  background:#003;
}

2番目のブロックの、「*html」というのがIE専用部分です。
CSSは「後に指定した方が優先」して適用されるので、IE用のハックを後に書けばOK。

position:fixedとかIE6だけ対応してないCSS使うときにどうぞ。

Javascriptでの判別は、こちら