ホームページ > ウェブフロントエンド > jsチュートリアル > CSS と JavaScript を使用して Internet Explorer 10 のみをターゲットにするにはどうすればよいですか?

CSS と JavaScript を使用して Internet Explorer 10 のみをターゲットにするにはどうすればよいですか?

DDD
リリース: 2024-11-19 19:49:02
オリジナル
188 人が閲覧しました

How Can I Target Only Internet Explorer 10 with CSS and JavaScript?

CSS と JavaScript を使用して Internet Explorer 10 のみをターゲットにする

Internet Explorer 10 など、Internet Explorer の特定のバージョンをターゲットにするのは困難な場合があります。条件付きコメントを使用する一般的なアプローチには制限があります。

Internet Explorer 10 のみをターゲットにするには、次の解決策を検討してください。

Internet Explorer 9 ~ 11 の場合:

@media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
}
ログイン後にコピー
) { /* Enter CSS here */ }

Internet Explorer 10 の場合:

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}
ログイン後にコピー

Edge ブラウザの場合:

注ユーザー エージェントの検出に navigator.userAgent や類似の方法に依存することは、簡単になりすましの可能性があるため推奨されません。

これらの CSS テクニックを利用することで、ブラウザ固有のスタイルと JavaScript を効果的に Internet Explorer 10 にターゲットにすることができます。行動。

以上がCSS と JavaScript を使用して Internet Explorer 10 のみをターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート