Comment pouvez-vous obtenir un style conditionnel pour des versions spécifiques d’Internet Explorer ?

CSS conditionnel pour Internet Explorer : atteindre la spécificité de style dans IE

Atteindre la spécificité de style dans Internet Explorer peut être un défi, en particulier lorsque des règles spécifiques ne sont destinés qu’à certaines versions du navigateur. Dans ce cas, nous souhaitons appliquer une largeur de 100 % aux éléments d'un bloc CSS, mais uniquement pour Internet Explorer 7, 8 et 9.

La solution réside dans l'utilisation d'une requête multimédia spécifique à Microsoft, connu sous le nom d'écran @media et (-ms-high-contrast : actif), (-ms-high-contrast : aucun){}. Cette requête multimédia est analysée spécifiquement par Internet Explorer 10 ou version ultérieure, garantissant que les règles de style qu'elle contient sont appliquées exclusivement à IE.

En utilisant cette requête multimédia, nous pouvons isoler nos règles de style et cibler des versions spécifiques d'Internet. Explorateur. Voici un exemple :

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}

Dans cet exemple, nous appliquons la largeur de 100 % aux éléments de la classe de table .actual-form, mais uniquement lorsqu'ils sont affichés dans Internet Explorer 7, 8 ou 9. Ceci Cette approche nous permet de maintenir la compatibilité du navigateur tout en appliquant des styles conditionnels aux versions ciblées d'IE.

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!