Plusieurs problèmes de compatibilité du navigateur sont tous causés par l'échange IE_Experience

Cela fait un moment que IE7 est sorti, le site Web doit donc s'occuper d'un navigateur supplémentaire. Au cours des deux derniers jours, les concepteurs ont travaillé sur la compatibilité et ont trouvé une solution à la fois de partage et d'enregistrement. Utilisez important ! et /**/ Pour distinguer l'expérience d'IE5, IE6 et Moz, le code suivant distingue 4 navigateurs. Copiez le code et enregistrez-le dans un fichier HTML pour voir l'effet : (

. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Document sans titre</title> <style type="text/css"> <!-- #example { position: absolute; top: 50%; left: 50%; width: 200px; height: 150px; margin-top: -75px; margin-left: -100px; } #example div { padding: 20px; text-weight: bold; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; text-align: right; } #example { background: red; /*For Moz*/ } * html #example { background: yellow; /*For IE5*/ background/**/: green; /*For IE6*/ } *+html #example { background: blue; /*For IE7*/ } --> </style> <div id="example"> <div> IE5 : JAUNE IE6 : VERT IE7 : BLEU MOZ : ROUGE </div> </div>
[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]

Rappel spécial :
#exemple {
fond : rouge /*Pour Moz ;*/
}
* html #example {
background: jaune; /*Pour IE5*/
background/**/: vert;  /*Pour IE6 */
}
*+html #exemple {
arrière-plan : bleu /*Pour IE7*/
}