Isu keserasian berbilang penyemak imbas semuanya disebabkan oleh pertukaran IE_Experience

Sudah lama sejak IE7 dikeluarkan, jadi tapak web itu mempunyai satu lagi pelayar untuk dijaga. Dalam dua hari lalu, pereka bentuk telah mengusahakan keserasian dan menemui penyelesaian. Ini adalah perkongsian dan rakaman. Gunakan penting! dan /**/ Untuk membezakan pengalaman IE5, IE6 dan Moz, kod berikut membezakan 4 penyemak imbas Salin kod dan simpan ke dalam fail HTML untuk melihat kesannya: (

. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Dokumen Tanpa Tajuk</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: KUNING IE6: HIJAU IE7: BIRU MOZ: MERAH </div> </div>
[Ctrl+A Pilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]

Peringatan khas:
#contoh {
latar belakang: merah; /*Untuk Moz*/
}
* html #contoh {
latar belakang: kuning; /*Untuk IE5*/
latar belakang/**/: hijau;  /*Untuk IE6 */
}
*+html #contoh {
latar belakang: biru; /*Untuk IE7*/
}