Comment puis-je cibler uniquement Internet Explorer 10 avec CSS et JavaScript ?

Cibler uniquement Internet Explorer 10 avec CSS et JavaScript

Cibler des versions spécifiques d'Internet Explorer, telles qu'Internet Explorer 10, peut être difficile. Une approche courante, utilisant les commentaires conditionnels, a ses limites.

Pour réussir à cibler uniquement Internet Explorer 10, envisagez les solutions suivantes :

Pour 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 */ }

Pour Internet Explorer 10 en particulier :

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

Pour le navigateur Edge :

Remarque qu'il n'est pas recommandé de s'appuyer sur navigator.userAgent ou des méthodes similaires pour la détection des agents utilisateurs, car ils peuvent être facilement usurpés.

En utilisant ces techniques CSS, vous pouvez cibler efficacement Internet Explorer 10 pour les styles spécifiques au navigateur et JavaScript. comportements.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!