Comment puis-je détecter de manière fiable Internet Explorer 11 à l'aide de CSS ?

Détection d'IE11 avec la détection de capacités/fonctionnalités CSS

L'identification de la version spécifique d'Internet Explorer est souvent nécessaire pour des améliorations ou des solutions de contournement spécifiques au navigateur. Bien que la détection d'IE10 puisse être obtenue à l'aide de la détection des capacités CSS, il peut être difficile de faire la différence entre IE10 et IE11.

Une solution possible consiste à exploiter les propriétés et les valeurs CSS non documentées introduites exclusivement dans IE11. Voici quelques propriétés potentielles à prendre en compte :

• _:-ms-fullscreen : Cette propriété est prise en charge par IE11 et versions ultérieures.
• :root .ie11up : Une combinaison du sélecteur racine et d'une classe personnalisée pour cibler IE11 et ci-dessus.

En combinant ces propriétés, nous pouvons créer des règles CSS spécifiques à IE11 :

_:-ms-fullscreen, :root .ie11up {
  property: value;
}

Cette règle n'appliquera des styles aux éléments que lorsque _:- La propriété ms-fullscreen ou la classe .ie11up est présente, garantissant qu'elle cible uniquement IE11 ou les versions ultérieures du navigateur.

Cependant, il est important de noter que les hacks de détection du navigateur peuvent introduire des problèmes potentiels et sont généralement déconseillés. La principale recommandation est d'utiliser modernizr.js, une bibliothèque JavaScript pour la détection de fonctionnalités, ou d'envisager des sélecteurs CSS basés sur la plate-forme pour éviter de s'appuyer sur des méthodes non prises en charge.

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!