HACK CSS Luar Biasa untuk pertukaran FF/IE6/IE7_Experience

Ini ialah artikel tentang CSS HACK CSS HACK yang disebut dalam artikel ini ialah HACK untuk atribut dalam kelas dan id, dan susunan susunan mempunyai keperluan. Perkara yang saya ingin bincangkan dengan anda hari ini ialah CSS HACK untuk kelas dan id.                     

Salin kod Kod adalah seperti berikut:

.test{/*FF */
ketinggian:20px;
warna latar belakang:oren;
}
*+html .test{/*IE7*/
ketinggian:20px;
warna latar:biru;
}
*html .test{/*IE6*/
ketinggian:20px;
warna latar belakang:hitam;
}

Anda boleh lihat dari kod CSS di atas bahawa FF masih pelayar yang paling patuh Jika anda ingin menggunakan HACK dalam IE6 dan IE7, anda mesti menambah tag html di hadapan. Ia mudah diingati di sini IE6 menambah *html, dan IE7 menambah *+html, yang membayangkan bahawa versi telah ditambahkan. Kelebihan CSS HACK yang dilakukan pada kelas dan id ialah tidak perlu mengambil kira pesanan, dan mudah untuk pengurusan dan kakitangan lain menerima Ia juga boleh mencapai kawalan versi pelayar JS yang serupa melalui HACK ini. Kelemahannya mungkin ia menghasilkan banyak kod! Baiklah, mari kita bincangkan perkara ini dahulu. ,

Selepas membaca kandungan di atas, anda boleh mengklik pada kesan di bawah untuk melihat kesan dalam pelayar berbeza Jingga mewakili FF, biru mewakili IE7 dan hitam mewakili IE6. ,

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Skrip Laman Utama www.jb51.net godam CSS</title> <style type="text/css"> *{ margin:0; padding:0; } .test{/*FF*/ height:20px; background-color:orange; } *+html .test{/*IE7*/ height:20px; background-color:blue; } *html .test{/*IE6*/ height:20px; background-color:black; } </style> <div class="test"></div>
[Ctrl+A untuk memilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semulanya untuk melaksanakan ]