Comment obtenir la compatibilité des styles CSS pour les anciennes versions d'Internet Explorer (7, 8, 9) ?

Amélioration du style CSS pour Internet Explorer 7, 8 et 9

Dans le domaine du développement Web, assurer la compatibilité entre différents navigateurs est primordial. Lorsqu'il s'agit d'Internet Explorer (IE), les navigateurs aussi anciens que les versions 7, 8 et 9 nécessitent des considérations spécifiques pour garantir un rendu optimal.

Un défi courant consiste à modifier les styles CSS exclusivement pour ces navigateurs IE. Considérez le bloc CSS fourni :

<code class="css">.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}</code>

Si vous souhaitez appliquer la propriété width: 100% à IE 7, 8 et 9 uniquement, une solution simple existe. L'utilisation du code CSS suivant accomplira cette tâche :

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}</code>

Explication :

Ce code utilise une requête multimédia spécifique à Microsoft. La propriété -ms-high-contrast, unique à IE, ne sera interprétée que par IE 10 ou version ultérieure. En spécifiant les deux valeurs valides (active et aucune) pour cette propriété, Internet Explorer appliquera les styles spécifiés quels que soient les paramètres de contraste élevé de l'utilisateur.

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!