CSS 조건부 주석 이론 및 실습 소스 파일_경험 교환

브라우저 조건부 주석 이론, 다음 예를 사용하여 이 문제를 설명하십시오.

(X)HTML

다음 코드는 Microsoft의 IE 브라우저에서 조건부 주석문의 효과를 테스트하는 코드입니다








다음 코드는 IE 이외의 브라우저에서 실행되는 조건부 주석

Internet Explorer를 사용하고 있지 않습니다

마지막으로 IE가 아닌 브라우저와 특수 IE 브라우저에서 작동합니다
(또는 lte lt 또는 gt gte를 사용하여 다음과 같이 판단합니다.

).

Internet Explorer 버전 6

또는 IE 이외의 브라우저를 사용하고 있습니다

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

위에서 언급한 조건부 주석은 브라우저 유형을 결정한 후 어떤 콘텐츠가 어떤 브라우저에 표시될지 정의하는 것입니다.

이 드롭메뉴(드롭다운 메뉴) 모델은 cssplay에서 가져온 것이므로 작성자가 할 수 있었습니다. 여러번의 연구와 반복적인 테스트 끝에 이 모델을 이용해 조건부 주석의 원리를 실천해보고 싶습니다.


DEMOS

제로달러 광고 페이지

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