<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>Peretasan CSS yang membedakan IE6, IE7, IE8, dan FireFox</title>
<gaya tipe="teks/css">
<!--
#tes,#catatan{
margin:0 otomatis;
perataan teks:tengah;
}
.catatan{ perataan teks:kiri; indentasi teks:40px;}
#tes {
lebar:200 piksel;
tinggi:30 piksel;
batas: 1 piksel padat #000000;
warna:#fff;
tinggi garis:30px;
}
.warna{
warna latar belakang: #CC00FF; /*Semua browser akan menampilkan warna ungu*/
warna latar: #FF00009; /*IE6, IE7, dan IE8 akan menampilkan warna merah*/
*warna latar: #0066FF; /*IE6 dan IE7 akan berubah menjadi biru*/
_background-color: #009933; /*IE6 akan berubah menjadi hijau*/
}
-->
</gaya>
</kepala>
<tubuh>
<div id="test" class="color">Blok uji zss</div>
<div id="catatan">
<strong style="color:#009933">IE6 berakhir dengan warna hijau</strong>
<strong style="color:#0066FF">IE7 berakhir dengan warna biru</strong>
<strong style="color:#FF0000">IE8 berakhir dengan warna merah</strong>
<strong style="color:#CC00FF">FireFox akhirnya berubah menjadi ungu</strong>
<div kelas="catatan">
Hari ini saya melihat artikel di hiccblogs tentang kompatibilitas IE8. Sayangnya, ini hanya kompatibel dengan IE, dan didasarkan pada inti IE7, yang memiliki keterbatasan besar. Saya rasa saya relatif mahir dalam kompatibilitas CSS. Sejak IE8 dirilis, mari kita pelajari kompatibilitas IE8.
</div>
<div class="note">Kompatibilitas CSS selalu memusingkan semua orang. IE6, IE7 dan FF telah menyusahkan semua orang. Di artikel sebelumnya, banyak pengetahuan di bidang ini diperkenalkan. Sejak versi resmi IE8 dirilis, saya mencoba mencari cara untuk membedakannya dengan versi resmi IE8. Pencarian di Baidu membuahkan banyak hasil, dan pencarian di Google bahkan lebih banyak hasilnya. Ada perbedaan besar antara versi resmi dan versi beta IE8 dalam hal peretasan, dan hampir semua metode di Internet dicetak ulang satu sama lain. Yang paling sering muncul adalah gambar peretasan dari linxz.cn. Sayangnya, metode dalam gambar ini tidak valid untuk versi resmi IE8.
Setelah analisis dan ringkasan, kami memiliki solusi efektif berikut ini. Mungkin akan ada peretasan yang lebih baik dan sederhana di masa mendatang, namun untuk saat ini, metode ini dapat menyelesaikan kebutuhan mendesak.<br />
</div>
<div kelas="catatan">
<ul>
<li style="list-style:none;"><strong style="color:#009933">Contoh Sederhana:</strong></li>
<li>"9" Contoh: "margin:0px otomatis9;".</li>
<li>Tanda "9" di sini dapat membedakan semua IE dan FireFox.</li>
<li>"*" IE6 dan IE7 dapat mengenalinya. IE8 dan FireFox tidak bisa.</li>
<li>"_" IE6 dapat mengenali "_", tetapi IE7, IE8, dan FireFox tidak dapat</li>
</ul>
</div>
</div>
</tubuh>
</html>