CSSパスフィルター
Mar 28
HTMLから外部CSSファイルを読み込む際に、
特定のブラウザのみを除外したり読み込ませるテクニックをパスフィルターと呼びます。
このサイトではCSSの切り替えをしているためこの手法は使っていませんが、
仕事などで使う可能性が出てきたので自分用にまとめてみた。
Windows IE5用（Win IE5だけに読み込ませる）
@media tty {
i {content : "¥";/*" "*/}}; @import '○○.css'; {;}/*";}
}/* */
Windows IE5.5用（Win IE5.5だけに読み込ませる）
@media tty {
i {content : "¥";/*" "*/}}@m; @import '○○.css'; /*";}
}/* */
Windows IE5-5.5用（Win IE5～IE5.5に読み込ませる）
@media tty {
i {content : "¥";/*" "*/}}@m; @import '○○.css'; /*";}
}/* */
Macintosh IE5用（Mac IE5だけに読み込ませる）
/*¥*//*/
@import "○○.css";
/**/
モダンブラウザ用（Win IE6、Mac IE5、Mozila、Firefox、Opera 6-8、Netscape 6-8、Safariなどに読み込ませる）
@import "null?\"\{";
@import "○○.css";
@import "null?\"\}";
ちなみに最後のモダンブラウザ用パスフィルターをTantek's High Pass Filterと呼ぶこともあります。
どこまで古いブラウザをサポートするかは、CSSを使う場合必ず悩むところですが
よほど大規模なサイトでない限り、Tantek's High Pass Filterを読み込めないブラウザはサポートしなくてもいいんじゃないかと思います。