条件分岐コメントを使用して、Internet Explorer のみに関するレイアウトの乱れを回避します

概要

条件分岐コメント
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

投稿日:

ページのトップへ戻る