Mehrere Probleme mit der Browserkompatibilität werden alle durch den IE_Experience-Austausch verursacht

Es ist schon eine Weile her, dass IE7 veröffentlicht wurde, daher muss sich die Website um einen weiteren Browser kümmern. In den letzten zwei Tagen haben Designer an der Kompatibilität gearbeitet und eine Lösung gefunden. Dies ist sowohl das Teilen als auch das Aufzeichnen. Verwenden Sie wichtig! und /**/ Um die Erfahrung von IE5, IE6 und Moz zu unterscheiden, unterscheidet der folgende Code 4 Browser. Kopieren Sie den Code und speichern Sie ihn in einer HTML-Datei, um den Effekt zu sehen: (

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Unbenanntes Dokument</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: GELB IE6: GRÜN IE7: BLAU MOZ: ROT </div> </div>
[Strg+A Alle auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Besondere Erinnerung:
#example {
Hintergrund: rot;*/
* html #example {
Hintergrund: gelb;
Hintergrund/**/: Grün;  /*Für IE6 */
}
*+html #example {
Hintergrund: blau; /*Für IE7*/
}