スキップメニュー:コンテンツへナビゲーションへ

乱雑モックアップ   らんざつ[乱雑] (名・形動)[文]ナリ 入り乱れていること。乱れていて秩序がないこと。また、そのさま。

コンディショナルコメント、IE用に指定するアレ

2009年 7月 30日 |

html/css, ie |

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリーのブックマーク数

IE大嫌い
けれど、どんなにみんなに叩かれても「そんなに文句いうならお前が作ってみろよ!」と言い出したりしないところは評価してる。
まぁだからってIE大嫌いに変わりはない。

さて、コンディショナルコメントというものがあります。
このブログにも使ってみました。
IEにだけ読み込ませたり、読み込ませなかったり、IEのバージョン毎に読み込むものを変えたりできるアレです。
[20090916修正]

書き方

expressionの条件と一致するIEだけに適用する
<!--[if expression]> ~ <![endif]-->
expressionの条件と一致しないIEだけに適用する
<!--[if !expression]> ~ <![endif]-->

IE全て

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie_all.css" />
<![endif]-->

IE7のみ

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie_7.css" />
<![endif]-->

IE6以下

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="under_6.css" />
<![endif]-->

IE以外

<!--[if !IE]>-->
<link rel="stylesheet" type="text/css" href="normal.css" />
<!--<![endif]-->

IE全部拒否

<![if !IE]>
<link rel="stylesheet" type="text/css" href="not_ie.css" />
<![endif]>

IE以外とIE全部拒否は同じようだ

comparisonとversionは省略することが可能
comparison feature version

  • feature: ブラウザの種類を指定
  • version: ブラウザのバージョンを指定
  • comparison: バージョンとの比較により適用対象の範囲を指定
lt
versionより下のIEに適用する。versionで指定したIEには適用しない
lte
version以下のIEに適用する。versionで指定したIEも適用対象に含む
gt
versionより上のIEに適用する。versionで指定したIEには適用しない
gte
version以上のIEに適用する。versionで指定したIEも適用対象に含む
参考url


コメントはまだありません »

コメントはまだありません。

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする

You can add images to your comment by clicking here.




Back to Top↑

あわせて読みたい

Back to Top↑

RSS 乱雑モックアップのフィード

Copyright © 乱雑モックアップ. All Rights Reserved.