Maison >interface Web >tutoriel CSS >Comment puis-je utiliser les hacks CSS pour cibler et styliser uniquement Internet Explorer 11 ?
Comment puis-je utiliser les hacks CSS pour cibler et styliser uniquement Internet Explorer 11 ?
- Patricia Arquetteoriginal
- 2024-12-04 18:55:16289parcourir
Hacks CSS pour IE 11
Pour résoudre les problèmes de rendu rencontrés dans IE 11, il est nécessaire d'utiliser des filtres CSS que seul ce navigateur peut analyser .
CSS spécifique à Microsoft Règles
Utilisez une combinaison de règles CSS spécifiques à Microsoft pour cibler IE11 :
@media all and (-ms-high-contrast:none)
{
/* IE10 styles */
.foo { color: green }
/* IE11 styles */
*::-ms-backdrop, .foo { color: red }
}
Principe clé
Ces filtres fonctionnent parce que :
- Si un agent utilisateur (navigateur) ne peut pas comprendre le sélecteur (car ce n'est pas un CSS valide 2.1), il doit ignorer à la fois le sélecteur et le bloc de déclaration suivant.
Exemple
Considérez le code HTML et CSS suivant :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
@media all and (-ms-high-contrast:none)
{
.foo { color: green } /* IE10 */
*::-ms-backdrop, .foo { color: red } /* IE11 */
}
</style>
</head>
<body>
<div class="foo">Hi There!!!</div>
</body>
</html>
Dans IE11, le sélecteur *::-ms-backdrop est reconnu et le texte "Salut !!!" apparaîtra en rouge. Dans les navigateurs non IE, ils ignoreront simplement ces règles.
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!