Maison >interface Web >tutoriel CSS >Comment puis-je créer un hack CSS spécifiquement pour Internet Explorer 11 ?

Comment puis-je créer un hack CSS spécifiquement pour Internet Explorer 11 ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-08 15:26:10906parcourir

How Can I Create a CSS Hack Specifically for Internet Explorer 11?

Comment créer un hack CSS spécifiquement pour IE 11 ?

Si vous vous retrouvez avec un site Web qui s'affiche mal sur IE 11, vous vous devrez peut-être utiliser des hacks CSS pour résoudre le problème. Voici comment :

Sélecteur CSS pour IE 11

Pour cibler IE 11 exclusivement, utilisez une combinaison de règles CSS spécifiques à Microsoft, comme indiqué ci-dessous :

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

Comment fonctionnent les hacks CSS dans IE

Quand un L'agent utilisateur, tel qu'IE, rencontre un sélecteur CSS non valide, il ignore à la fois le sélecteur et le bloc de déclaration suivant. Ce comportement est exploité par les hacks CSS pour obtenir un style spécifique au navigateur.

Exemple de code

Le code suivant montre comment cibler spécifiquement IE 10 et IE 11 :

<!doctype html>
<html>
 <head>
  <title>IE10/11 Media Query Test</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <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>

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn