ブラウザ毎のCSS対処方法(2)-パスフィルター
パスフィルターとは、指定したブラウザにのみCSSを適用する方法です。
ブラウザ毎に読み込ませることができるので、特定ブラウザ専用の外部スタイルシートを作成します。
- Win IE5-5.5 のみに適用
-
@media tty {
i {content : "\";/*" "*/}} @import 'win-ie5-55.css'; /*";}
}/* */ - Win IE5 のみに適用
-
@media tty {
i {content : "\";/*" "*/}}; @import 'win-ie5.css'; {;}/*";}
}/* */ - Win IE5.5 のみに適用
-
@media tty {
i {content : "\";/*" "*/}}@m; @import 'win-ie5.5.css'; /*";}
}/* */ - Mac IE5 のみに適用
-
/*\*//*/
@import "mac-ie5.css";
/**/
- モダンブラウザ のみに適用(Trantek’s High Pass Filter)
-
@import "null?\"\{";
@import "modan.css";
@import "null?\"\}";
ここでいう、モダンブラウザとは、Windows IE6、Windows IE7、Mac IE5、Mozilla、Firefox、Opera6-9、Safariを指します。
古いブラウザをすべて排除できるので、とても便利なパスフィルターです。
ブラウザ別CSS対策
CSSバグに対応する方法は、以下のリンクから御覧ください