teori anotasi bersyarat css dan pertukaran fail_pengalaman sumber amalan

Teori ulasan bersyarat penyemak imbas, gunakan contoh berikut untuk menerangkan masalah ini

(X)HTML

Kod berikut adalah untuk menguji kesan pernyataan komen bersyarat di bawah pelayar IE Microsoft





>
Kod berikut ialah ulasan bersyarat yang dijalankan di bawah penyemak imbas bukan IE



Anda tidak menggunakan Internet Explorer

(atau gunakan lte lt atau gt gte untuk menilai, seperti:


Maklumat yang dipaparkan di bawah IE 6


Anda menggunakan Internet Explorer versi 6

atau pelayar bukan IE

Dari：cssplay.co.uk/menu/conditional.html" target="_blank">http://www.cssplay.co.uk/menu/conditional .html

Anotasi bersyarat yang dinyatakan di atas adalah untuk menentukan jenis penyemak imbas dan kemudian menentukan kandungan yang akan dipaparkan dalam penyemak imbas mana

Model dropmenu (menu lungsur) ini datang daripada cssplay, supaya pengarang boleh Ia adalah. dibuat selepas banyak kali penyelidikan dan ujian berulang saya ingin menggunakan model ini untuk mengamalkan prinsip anotasi bersyarat





DEMOS

<.>

halaman pengiklanan sifar dolar

CSS



menggunakan dwi styles, Tentukan gaya masing-masing untuk ie dan non-ie Jika IE, tambahkan final_drop_ie.css berdasarkan final_drop.css

Pertama lihat bagaimana css di bawah bukan-ie ditakrifkan
.menu. ul li ul {
paparan:
}
/* khusus untuk pelayar bukan IE */
.menu ul li:tuding {
warna:#fff; :#bd8d5e ;
}
/*Tentukan gaya tetikus*/
.menu ul li:hover ul {
paparan:blok;
margin-atas: 1px;
kiri: 0;
lebar: 150px; tetikus meluncur ke atas dipaparkan kerana penyemak imbas ini menyokong penggunaan li:hover

css di bawah IE
.menu ul li a:hover {
warna:#fff
latar belakang:#bd8d5e;
}
/*Ul yang terkandung dalam li dipaparkan apabila tetikus berguling*/
.menu ul li a:hover ul {
display:block; 🎜>atas: 3em;
kiri:0;
latar belakang:#fff;
margin-atas: 1px; gaya css terakhir, apabila tiada masa tetikus, ul yang terkandung dalam li tidak dipaparkan
kerana






, jadi apabila tetikus meluncur di bawah IE6, ia melepasi a: Tuding untuk memaparkan kandungan ul
dan kesan memaparkannya melalui li:hover di bawah IE7 adalah sama