IE6にだけ読み込ませたい…等。条件分岐コメント。
201001/19 Category : WEB Tag : Hack, IE
ホームページを作っていると、ブラウザ毎の表示の問題を解決するのが結構大変です。IE7だとちゃんと綺麗に見えるのに、IE6だとレイアウトがごちゃごちゃになったり。単純にｃｓｓの書き方でなんとかなる物も多いんですが、ブラウザのバグなどで、どうしようもない事があります。
そういう時に便利なのが、cssハック。ハックにもいろいろとありますが、今回はxhtml側で、条件分岐コメントを使い読み込ませるCSSを指定する方法をメモ。
例：ブラウザがIE6だった場合にだけ、ie6.cssを読み込ませる
<!--[if IE 6] --> <link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /> <!-- [endif]-->
例2：ブラウザがIE7未満（IUE5,6）だった場合にだけ、ie.cssを読み込ませる。
<!--[if It IE 7] --> <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /> <!-- [endif]-->
Wordpressのheader.php等でよく見かけてはいたんですが、最近までよく知りませんでした…。ちなみに、xhtmlのコメントアウトの書式と似てますが、このままのコードでphpでもxhtmlでもちゃんと動きます。