Comment puis-je appliquer des styles CSS spécifiquement aux versions 7, 8 et 9 d'Internet Explorer ?

Personnalisation des styles spécifiquement pour Internet Explorer

La mise en œuvre de styles CSS applicables uniquement à des navigateurs spécifiques est essentielle pour maintenir la compatibilité entre navigateurs. Cette question se concentre sur l'application d'un certain style aux versions 7, 8 et 9 d'Internet Explorer (IE) exclusivement.

Solution

L'extrait de code suivant fournit une solution élégante :

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #myElement {
        width: 100%;
   }
}

Explication

Ce code utilise une requête multimédia qui cible les versions de navigateur spécifiques à Microsoft. La propriété « -ms-high-contrast » est exclusive à Internet Explorer 10 et versions ultérieures, garantissant que la requête multimédia est analysée uniquement dans IE. En utilisant les deux valeurs valides (« actif » et « aucun ») dans la requête multimédia, nous garantissons que le style sera appliqué, que l'utilisateur ait activé ou non le mode contraste élevé.

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!