Internet Explorer バージョン 7、8、9 に CSS スタイルを適用するにはどうすればよいですか?

Internet Explorer 専用のスタイルのカスタマイズ

特定のブラウザーにのみ適用できる CSS スタイルの実装は、ブラウザー間の互換性を維持するために不可欠です。この質問は、特定のスタイルを Internet Explorer (IE) バージョン 7、8、および 9 にのみ適用することに焦点を当てています。

解決策

次のコード スニペットは、洗練された解決策を提供します。 :

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #myElement {
        width: 100%;
   }
}

説明

このコードは、Microsoft 固有のブラウザ バージョンをターゲットとするメディア クエリを利用します。 「-ms-high-contrast」プロパティは Internet Explorer 10 以降専用であり、メディア クエリが IE でのみ解析されることが保証されます。メディア クエリ内で有効な値 (「アクティブ」と「なし」) の両方を使用することで、ユーザーがハイ コントラスト モードを有効にしているかどうかに関係なく、スタイルが適用されることが保証されます。

以上がInternet Explorer バージョン 7、8、9 に CSS スタイルを適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。