IEブラウザと条件分岐コメント
まだどうしてもさけられないIEブラウザの表示問題。
一番多いIE6の問題で、IE6のを適用対象にする場合、
(実際には、Win IE4-6およびMac IE5で適用。)
* html セレクタ {・・・}
XHTMLで処理する場合、条件分岐コメントをつかう。
head要素内に書くと、WinIE5以降では、コメント内の条件式が評価され、該当のバージョンのWinIEは、書かれているソースをコメントではなく、内容として扱う。
■通常のXHTMLコメント
<!– コメント –>
■条件分岐コメント
<!–[if 条件式]>
条件に適合したときに有効になるソース
<![endif]–>
■条件式で指定できる項目
lt より小さい(less than)
lte より小さいか等しい(less than or equal)
gt より大きい(greater than)
gte より大きいか等しい(greater than or equal)
IE 固定
バージョン 整数(少数も4ケタまで可能)
■Win IE 5以降すべてに読み込ませる
<!–[if IE]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 7未満に読み込ませる
<!–[if lt IE 7]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 6以前に読み込ませる
<!–[if lte IE 6]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 6未満に読み込ませる
<!–[if lt IE 6]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 5.xに読み込ませる
<!–[if IE 5]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>