概要
条件分岐コメント
Internet Explorer では、ブラウザの動作の差異を回避するための労力を認識しています。
条件分岐コメントは、Microsoft Internet Explorer 5 で導入された、IEブラウザの種類とバージョンを特定する簡単で管理しやすい方法です。構文はコメントベースなので、他のブラウザではステートメントは無視されます。これは、IE を対象とする * HTMLフィルタなどのフィルタの代わりに使用するのに適しています。コードを見やすくするため、条件分岐コメントでは、IE 固有のスタイル
シートへのリンクを設定することをお勧めします。
Internet Explorer のみに適用するスタイルシートへのリンク
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iestyles.css" />
<![endif]-->
目次
条件分岐コメントの書き方
- 普通のHTMLコメント
- <!-- Comment content -->
- 条件に一致したブラウザのみ表示される
- <!--[if 条件]> HTML <![endif]-->
- 条件に一致したブラウザのみ表示されない
- <![if 条件]> HTML <![endif]>
条件の種類
- [if IE]
- Internet Explorer のみ
- [if IE 7]
- Internet Explorer 7 のみ
- [if !IE]
- Internet Explorer 以外
- [if lt IE 5.5]
- Internet Explorer 5.5 より下
- [if lte IE 6]
- Internet Explorer 6 以下
- [if gt IE 5]
- Internet Explorer 5 より上
- [if gte IE 7]
- Internet Explorer 7 以上
- [if !(IE 7)]
- Internet Explorer 7 以外
- [if (gt IE 5)&(lt IE 7)]
- Internet Explorer 5 より上 かつ Internet Explorer 7 より下
- [if (IE 6)|(IE 7)]
- Internet Explorer 6 もしくは Internet Explorer 7