多くの場合、私たちのきれいな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の外観を見てみましょう。新しいイノベーション製品ですか?他のマイクロソフトの「お金」製品だけでも使用できます。