I'll be NET 】創作サイトから中小企業まで東京都三鷹市で低価格高品質なホームページ制作(SOHO)

トップページ > WEB関連 > headタグ内でIEのみの条件付コメントでIEのバージョンによってJavaScriptやCSSを切り替える方法

headタグ内でIEのみの条件付コメントでIEのバージョンによってJavaScriptやCSSを切り替える方法

WEB制作をする際、サイトのIE対応などで、headタグ内に

<!--[if lt IE 9]>
<script src="../js/IE9.js"></script>
<![endif]-->

などと記載することがあると思います。
これはIEの独自仕様で、条件コメント内のタグの表示・非表示をIEのバージョンによって振り分けることができるというものです。
IE8以下のバージョンに対して特定のjQueryを利用したり、IE専用のCSSを適用したりする際に利用します。

IEの条件付コメントの書き方

IE以外のブラウザを指定する
<!--[if !IE]>
	IE以外のブラウザへの対応
<![endif]-->
IEのバージョンを指定する
<!--[if IE 8]>
	IE8への対応
<![endif]-->
IEの任意のバージョン以上のバージョンを指定する
<!--[if gte IE 8]>
	IE8以上のバージョンへの対応
<![endif]-->
IEの任意のバージョンより上のバージョンを指定する
<!--[if gt IE 8]>
	IE8より上のバージョンへの対応
<![endif]-->
IEの任意のバージョン未満のバージョンを指定する
<!--[if lt IE 8]>
	IE8未満のバージョン(IE7・6など)への対応
<![endif]-->
IEの任意のバージョン以下のバージョンを指定する
<!--[if lte IE 8]>
	IE8以下のバージョンへの対応
<![endif]-->

記事移動

関連記事

カラーミーでカテゴリー商品一覧画面・グループ商品一覧画面で表示を変える方法

カラーミーでカテゴリー商品一覧画面・グループ商品一覧画面で表示を変える方法

カラーミーで共通のパーツを複数の画面で呼び出す方法

カラーミーで共通のパーツを複数の画面で呼び出す方法

カラーミーのカテゴリー機能とグループ機能の違い

カラーミーのカテゴリー機能とグループ機能の違い

jQueryなどサイト制作によく使うCDNまとめ

jQueryなどサイト制作によく使うCDNまとめ

レスポンシブデザインなサイトの作り方

創作サイトの携帯電話・スマートフォンなどのモバイル対応方法(中級者編)

Comment Form

  • コメントを入力してください。
登録フォーム
Name
Mailaddress
URL
Message
Postkey
(スパム対策に、投稿キー を半角で入力してください。)

ユーティリティ

創作サイトから中小企業まで東京都三鷹市で低価格高品質なホームページ制作(SOHO)【I'll be NET】

プロフィール

author:I'll be NET

since:2014.01.01

東京都を拠点としたSOHO(フリーランス)による創作サイト向けWEB制作サービスを行っています。 お仕事とか創作活動とかでメモっておきたいこととかを掲載しています。

more

Feed