どのように違うIEのバージョンを検出するには？ – 条件付きコメント
多くの場合、私たちのきれいなCSSの配置やレイアウトは、Firefox、Opera、またはChromeブラウザで動作していますが、バージョン5.5,6、または7のInternet Explorerでは正しく解釈されませんでした。これは、Internet ExplorerがCSS標準に従っておらず、独自のマイクロソフト標準を守っています。
特定のIEバージョンに対して指定されたCSSを実装するには、CSSハックまたは
条件付きコメント
メソッドと呼ばれるいくつかの手法を使用する必要があります。同じCSSレイアウトでもIE 6とIE 7の表示が異なります。この
条件付きコメント
は、Microsoft Internet ExplorerでHTMLソースコードでのみ解釈されます。これは「IE専用」の機能であり、 -IEブラウザ。 IE以外のすべてのブラウザは、HTMLコードの通常のコメントのように扱います。
例
以下の例のタグは、IE 5.5または6が指定されたCSSファイルを読み込み、IE 7はそれを無視する__P.S lt =
以下の例のタグは、IE 7が指定されたCSSファイルを読み込み、IE 6以下は無視する
ケーススタディ
@import "css/common.css";
common
ie.cssおよびcommon
ie7.css CSSファイル。
-
Internet Explorerのバージョン5.5または6はcommon.cssを次のように解釈します
common
ie.cssでは、common
ie.cssのCSS値がcommon.cssを上書きします。
-
Internet Explorerバージョン7はcommon.cssを次のように解釈します
common
ie7.cssでは、common
ie7.cssのCSS値がcommon.cssを上書きします。
結論
いくつかのクロスブラウザサポートウェブサイトを実装したい場合、条件付きコメントテクニックは必須です。
ところで、なぜインターネットエクスプローラは他のブラウザのようなCSSの標準に従っていないのですか？私はこれがマイクロソフトのマーケティング製品の方法だと思う。マイクロソフトが理解できるもののみを実装する。 Internet Explorer 8の外観を見てみましょう。新しいイノベーション製品ですか？他のマイクロソフトの「お金」製品だけでも使用できます。
