CSSハック(部分適用編)
ブラウザごとに、部分的に要素やプロパティを適用させなくする場合の方法。
●Mac版IE5にスタイルを適用しないようにする
/*\*/
Mac版IE5以外で適用したいスタイル
/* */
●Win版IE4〜6だけ別のスタイルを適用する
プロパティの先頭に _ (アンダーバー)を付けてもWin版IE4〜6は認識する。他は認識しない。
#sample{
margin-left:25px
_margin-left:
15px /* WinIE4〜6のみ適用される */
}
●Win版とMac版 IEだけ別のスタイルを適用する
Win版とMac版のIEは * (アスタリスク)に対応していないので、IEだけ除外したスタイルを適用できる。
#sample{
margin-left:15px /*
Win版とMac版のIEのみ適用される */
*margin-left:25px /* Win版とMac版のIE以外に適用される */
}
●Mac版IE5、Win版IE4だけ別のスタイルを適用する
Mac版IE5、Win版IE4では@media screen { }の指定が無効になるので、
この間に他のブラウザで適用させたいスタイルを指定します。
#sample{
margin-left:25px /* Mac版IE5、
Win版IE4に適用される */
@media
screen {
margin-left:25px /* Mac版IE5、
Win版IE4以外に適用される */
}
}

コメントをどうぞ