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以外に適用される */

}
}

コメントはまだありません

最初のコメントをどうぞ!

コメントをどうぞ