異なるIEバージョンを検出する方法は？ –条件付きコメント
多くの場合、かなりのCSS配置またはレイアウトはFirefox、Opera、またはChromeブラウザーで動作しますが、バージョン5.5、6、または7のInternet Explorerで正しく解釈できませんでした。 これは、Internet ExplorerがCSS標準に準拠せず、独自のMicrosoft標準を発表したためです。
指定されたIEバージョンに指定されたCSSを実装するには、CSSハックまたはconditional commentsメソッドと呼ばれるいくつかの手法を使用する必要があります。 同じCSSレイアウトでさえ、IE 6とIE 7で異なって表示されます。 このconditional commentsは、Microsoft Internet ExplorerによってHTMLソースコードでのみ解釈されます。これは単なる「IEのみ」の機能であり、他のIE以外のブラウザではサポートされていません。 IE以外のブラウザはすべて、HTMLコード内の通常のコメントのように扱います。
例
以下の例のタグは、IE 5.5または6が指定されたCSSファイルを読み取れるようにしますが、IE 7はそれを無視します
P.S lt equals to less than
次の例のタグは、IE 7に指定されたCSSファイルを読み取らせ、IE 6以下では無視します
ケーススタディ
-
Firefoxおよび非IEブラウザはcommon.cssを解釈し、common_ie.cssおよびcommon_ie7.css CSSファイルを無視します。
-
Internet Explorerバージョン5.5または6は、common_cs。に続くcommon_ie.cssを解釈し、common_ie.cssのCSS値はcommon.cssをオーバーライドします。
-
Internet Explorerバージョン7は、common.cssに続くcommon_ie7.cssを解釈します。common_ie7.cssのCSS値はcommon.cssをオーバーライドします。
結論
クロスブラウザをサポートするWebサイトを実装する場合、条件付きコメントのテクニックは必須です。
ところで、なぜInternet Explorerは他のブラウザのようにCSS標準に従っていないのですか？ これはマイクロソフトのマーケティング製品の方法だと思います。常にマイクロソフトだけが理解できるものを実装してください:)。 Internet Explorer 8の外観を楽しみにしてください。これは新しいイノベーション製品ですか？ または単に別のマイクロソフトの「お金」製品。