条件付コメント(Conditional Comments)実験ページ

http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp

ブラウザ判定の実用的？なケースを列挙してみました。

■特定バージョンか否か確認
指定内容 IE4.0 IE5.0 IE5.5 IE6.0 NS4.5 NS6.0 NS7.0 OP7.0 YourBrowser
<!--[if IE 5]> ... <![endif]--> ○ ○
<!--[if IE 5.0]> ... <![endif]--> ○
<!--[if IE 5.0000]> ... <![endif]--> ○
<!--[if IE 5.5]> ... <![endif]-->
<!--[if IE 5.5000]> ... <![endif]--> ○
<!--[if IE 6]> ... <![endif]--> ○
<!--[if IE 6.0]> ... <![endif]--> ○
<!--[if IE 6.0000]> ... <![endif]--> ○

■特定バージョン以上か(gte)
指定内容 IE4.0 IE5.0 IE5.5 IE6.0 NS4.5 NS6.0 NS7.0 OP7.0 YourBrowser
<!--[if gte IE 5]> ... <![endif]--> ○ ○ ○
<!--[if gte IE 5.0]> ... <![endif]--> ○ ○ ○
<!--[if gte IE 5.0000]> ... <![endif]--> ○ ○ ○
<!--[if gte IE 5.5]> ... <![endif]--> ○ ○
<!--[if gte IE 5.5000]> ... <![endif]--> ○ ○
<!--[if gte IE 6]> ... <![endif]--> ○
<!--[if gte IE 6.0]> ... <![endif]--> ○
<!--[if gte IE 6.0000]> ... <![endif]--> ○

■特定バージョン未満か(lt)
指定内容 IE4.0 IE5.0 IE5.5 IE6.0 NS4.5 NS6.0 NS7.0 OP7.0 YourBrowser
<!--[if lt IE 5]> ... <![endif]-->
<!--[if lt IE 5.0]> ... <![endif]-->
<!--[if lt IE 5.0000]> ... <![endif]-->
<!--[if lt IE 5.5]> ... <![endif]--> ○
<!--[if lt IE 5.5000]> ... <![endif]--> ○
<!--[if lt IE 6]> ... <![endif]--> ○ ○
<!--[if lt IE 6.0]> ... <![endif]--> ○ ○
<!--[if lt IE 6.0000]> ... <![endif]--> ○ ○

■特定バージョン未満 或いは サポート外ブラウザか(Downlevel-revealed)
指定内容 IE4.0 IE5.0 IE5.5 IE6.0 NS4.5 NS6.0 NS7.0 OP7.0 YourBrowser
<![if lt IE 5]> ... <![endif]> ○ ○ ○ ○ ○ ○
<![if lt IE 5.0]> ... <![endif]> ○ ○ ○ ○ ○ ○
<![if lt IE 5.0000]> ... <![endif]> ○ ○ ○ ○ ○ ○
<![if lt IE 5.5]> ... <![endif]> ○ ○ ○ ○ ○ ○ ○
<![if lt IE 5.5000]> ... <![endif]> ○ ○ ○ ○ ○ ○ ○
<![if lt IE 6]> ... <![endif]> ○ ○ ○ ○ ○ ○ ○ ○
<![if lt IE 6.0]> ... <![endif]> ○ ○ ○ ○ ○ ○ ○ ○
<![if lt IE 6.0000]> ... <![endif]> ○ ○ ○ ○ ○ ○ ○ ○

■おまけ
指定内容 IE4.0 IE5.0 IE5.5 IE6.0 NS4.5 NS6.0 NS7.0 OP7.0 YourBrowser
<!--[if IE 5.0002]> ... <![endif]-->
<!--[if (gte IE 5 & lt IE 6)]> ... <![endif]--> ○ ○
<!--[if ! (gte IE 5 & lt IE 6)]> ... <![endif]--> ○
<!--[if (lte IE 5.0 | gte IE 6)]> ... <![endif]--> ○ ○

■IE6.5+
指定内容 IE4.0 IE5.0 IE5.5 IE6.0 NS4.5 NS6.0 NS7.0 OP7.0 YourBrowser
<!--[if IE 6.5]> ... <![endif]-->
<!--[if IE 6.5000]> ... <![endif]-->
<!--[if IE 7]> ... <![endif]-->
<!--[if IE 7.0000]> ... <![endif]-->
<!--[if gte IE 6.5]> ... <![endif]-->
<!--[if gte IE 6.5000]> ... <![endif]-->
<!--[if gte IE 7]> ... <![endif]-->
<!--[if gte IE 7.0000]> ... <![endif]-->

■Netscape,Operaでは実装されてないようです
指定内容 IE4.0 IE5.0 IE5.5 IE6.0 NS4.5 NS6.0 NS7.0 OP7.0 YourBrowser
<!--[if gte NS 6]> ... <![endif]-->
<!--[if gte NN 6]> ... <![endif]-->
<!--[if gte netscape 6]> ... <![endif]-->
<!--[if gte OP 6]> ... <![endif]-->
<!--[if gte opera 6]> ... <![endif]-->

■注意点
IE5.0以上の各バージョン＆IE5.0以上(=サポート対象)か否かを判別できる
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.aspによるとWin2Kパッケージに含まれるIEのバージョンは5.0002だそうです。
IE5.5については「if gte IE 5.5」は通るのに「if IE 5.5」が通らないようです。 「if IE 5.5000」などとピリオド以下4桁全て書くと通ります。
IE5.0,IE6.0については4桁書かなくても 「if IE 5.0(6.0)」で通ります。

補足： Mac版のIEについてはサポートしてないかもしれません。 MacIE5.0/5.16/5.22で試してみたところ動作しませんでした (2003/2/11追加)。

このページでは「きぃなび」を使ってないので 前の項目に戻るには BackSpaceキーか ブラウザの「戻る」ボタンを使って下さい。
HTML,CSSバグ＆回避法リスト 目次へ