Maison >interface Web >tutoriel CSS >Comment puis-je styliser uniquement Internet Explorer (toutes les versions) en utilisant uniquement CSS ?
Problème :
Dans un projet hérité, il y a un besoin pour cibler spécifiquement Internet Explorer pour le style sans modifier le HTML, en utilisant CSS exclusivement.
Solution :
Internet Explorer 9 et versions antérieures :
<!--\[if IE]--\> <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> <!\[endif]--\>
Internet Explorer 10 et 11 :
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ }
Microsoft Edge 12 :
@supports (-ms-accelerator:true) { /* IE Edge 12+ CSS styles go here */ }
Règle en ligne pour IE8 et versions antérieures :
/* For IE css hack */ margin-top: 10px /* apply to all ie from 8 and below */ *margin-top:10px; /* apply to ie 7 and below */ _margin-top:10px; /* apply to ie 6 and below */
Remarque : Pour les feuilles de style en ligne, envisagez d'utiliser des requêtes multimédias et des commentaires conditionnels pour les versions inférieures à IE9.
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!