Maison > interface Web > tutoriel CSS > le corps du texte

Comment puis-je appliquer des styles CSS exclusivement à Internet Explorer 7, 8 et 9 ?

Linda Hamilton
Libérer: 2024-10-27 10:07:30
original
902 Les gens l'ont consulté

How can I apply CSS styles exclusively to Internet Explorer 7, 8, and 9?

Application exclusive de CSS à Internet Explorer

Pour restreindre l'application de CSS à des versions spécifiques d'Internet Explorer, telles que 7, 8 et 9, l'utilisation de requêtes multimédias spécifiques à Microsoft constitue une solution efficace.

Dans l'exemple fourni, le code CSS vise à appliquer une largeur de 100 % uniquement aux navigateurs IE. Voici une description détaillée de son fonctionnement :

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #myElement {
        width: 100%;
    }
}</code>
Copier après la connexion

Requête multimédia spécifique à Microsoft :

  • L'écran de requête multimédia et (-ms-high- contrast : actif), (-ms-high-contrast : aucun) est spécialement conçu pour Microsoft IE.
  • La propriété -ms-high-contrast est unique à IE et est utilisée pour déterminer si l'utilisateur a un niveau élevé -mode contraste activé.

Validation :

  • En incluant à la fois les valeurs actives et aucune pour -ms-high-contrast, la requête multimédia garantit compatibilité avec les versions d'IE quel que soit le paramètre du mode contraste élevé.
  • IE analysera uniquement cette requête multimédia, tandis que les autres navigateurs l'ignoreront.

Conclusion :

Cette approche applique efficacement CSS exclusivement aux versions 7, 8 et 9 d'Internet Explorer, vous permettant de cibler des navigateurs spécifiques sans affecter le reste du style de votre site Web.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal