CSS スタイルを Internet Explorer 7、8、9 にのみ適用するにはどうすればよいですか?

CSS を Internet Explorer にのみ適用する

CSS の適用を Internet Explorer の特定のバージョン (7、8、など) に制限するには

この例では、CSS コードは IE ブラウザにのみ 100% の幅を適用することを目的としています。仕組みの詳細な内訳は次のとおりです:

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #myElement {
        width: 100%;
    }
}</code>

Microsoft 固有のメディア クエリ:

• メディア クエリ画面と (-ms-high-コントラスト: アクティブ)、(-ms-high-contrast: none) は Microsoft IE 用に特別に設計されています。
• -ms-high-contrast プロパティは IE に固有であり、ユーザーのコントラストが高いかどうかを判断するために使用されます。 -contrast モードが有効です。

検証:

• -ms-high-contrast に active 値と none 値の両方を含めることで、メディア クエリは次のことを保証します。ハイ コントラスト モードの設定に関係なく、IE バージョンとの互換性があります。
• IE はこのメディア クエリのみを解析しますが、他のブラウザは無視します。

結論:

このアプローチでは、CSS を Internet Explorer バージョン 7、8、および 9 にのみ効果的に適用するため、Web サイトの残りのスタイルに影響を与えることなく、特定のブラウザーをターゲットにすることができます。

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