最も簡単な、IEのCSSハック

WEB制作 > CSS > 最も簡単な、IEのCSSハック

最も簡単なCSSハック

今回は対IE用の最も簡単であろうCSSハック術をご紹介します。

IE6にだけ適用させる場合

プロパティの前にアンダーバーを入れる！

p#aaa { color:#ff0000; _color:#0000ff; }

colorプロパティの前にアンダーバーがあります。コレがポイント。

注）アンダーバー「_」から始まる指定は、IE用に「上書き」しているカタチですので、書く際はプロパティの順序に注意してください。IEハックが最後に来ればOKです。

IE6とIE7にだけ適用させる場合

プロパティの前にアスタリスクを入れる！

p#bbb { font-size:8pt; *font-size;15pt; }

先ほどの「IE6用ハック」と似てますね。今度はfont-sizeプロパティの前に、アスタリスク「*」があります。

この記号を記述する事で、IE6とIE7だけしか読み込めないプロパティになるのです。

IE6とIE7にだけ適用させる場合

これはもう単純に、前述の２つのハックの合わせ技です。

p#ccc { background-color:#FF0000; *background-color:#0000FF; _background-color:#FF0000; }

全ブラウザ指定 – IE6とIE7への指定 + IE6への指定（内容は全ブラウザ指定と一緒）= IE7 って感じです。