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

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

Patricia Arquette

Libérer： 2024-12-08 15:26:10

original

859 Les gens l'ont consulté

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

Copier après la connexion

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>

Copier après la connexion

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!