Comment puis-je cibler spécifiquement Internet Explorer 11 avec des hacks CSS ?

Comment cibler IE 11 spécifiquement à l'aide de hacks CSS

Le ciblage spécifique d'Internet Explorer 11 avec CSS peut être obtenu grâce à une combinaison de fonctionnalités spécifiques à Microsoft règles. En tirant parti de ces règles, il est possible de créer des hacks qui appliquent des styles uniquement à IE 11 tout en ignorant les autres navigateurs.

Une approche consiste à utiliser la règle @media all et (-ms-high-contrast : none). Cette règle cible tous les navigateurs dont le mode contraste élevé est désactivé. Puisqu'il s'agit d'une fonctionnalité spécifique à Microsoft, elle ne correspondra qu'à IE 10 et IE 11.

Dans cette requête multimédia, vous pouvez appliquer des styles spécifiquement à IE 11 en utilisant le sélecteur *::-ms-backdrop. Ce sélecteur cible l'élément de fond créé par certains états de focus dans IE 11.

Par exemple, le code CSS suivant peut être utilisé pour cibler IE 11 et changer la couleur d'un élément avec la classe "foo" :

@media all and (-ms-high-contrast:none)
{
  .foo { color: green } /* IE10 */
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

Cette approche fonctionne car l'utilisation d'un sélecteur CSS non valide, tel que *::-ms-backdrop, amène IE 11 à ignorer l'intégralité du sélecteur bloc. En combinant ce sélecteur invalide avec un sélecteur valide, vous pouvez cibler efficacement IE 11 sans affecter les autres navigateurs.

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!