Apabila ie7 tidak mengenali !penting [Layout solution]_Pertukaran pengalaman

Sebelum IE7, kami menggunakan !important untuk menyelesaikan perbezaan antara IE dan FF dalam reka letak; tetapi selepas IE7 keluar, !important tidak berfungsi untuk IE7, dan kadangkala kaedah tafsiran IE7 berbeza daripada FF dan IE6 ; kali ini, masalah baharu muncul; menggunakan !important boleh menyelesaikan IE6 tetapi bukan IE7 Dengan cara ini, kesan halaman web yang sama yang dilihat dalam pelayar berbeza akan menjadi berbeza; semasa susun atur; anda boleh melihat kesannya dahulu; http://www.zishu.cn/blogview.asp?logID=553

Atau jalankan kod di bawah untuk melihat kesan yang sama:

Salin kod Kod adalah seperti berikut:

badan{ saiz fon:12px; garis-ketinggian:1.8; font-family:Verdana, "宋体", Arial,Sans; text-align:center; latar belakang:#FFF; warna:#666; jidar:50px; padding:0; list-style:none; }
a:pautan,a:dilawati{color:#000099; text-decoration: underline;}
a:hover,a:active{color:#000;text-decoration: none;}
#zishu_test li{ float:left; lebar:14%;text-align:center; margin:0 auto; list-style:none }
#zishu_test li a{border-right:1px solid #fff;border-bottom:1px solid #fff; lebar: 100px; ketinggian:110px; latar belakang:#fff;paparan:sekat; padding-top:10px; margin:auto}
#zishu_test li img{ width:75px; ketinggian:75px; paparan:blok; text-align:center; margin:auto; latar belakang:#FFF; padding:3px; sempadan:1px pepejal #D8A18B;}
#zishu_test li span{display:none;}
#zishu_test li a:hover span{ margin-top:-10px;display:block; border-bottom:1px solid #666; sempadan-kanan:1px pepejal #666; latar belakang:#FA9000; lebar: 100px; warna:#FFF; kedudukan:mutlak; } 
* html #zishu_test li a:hover span {margin-left:-8px; } /* IE6 */ 
*+html #zishu_test li a:hover span {margin-left:-8px; }/* IE7*/ 
#zishu_test li a:hover{ border-right:1px solid #D8A18B;border-bottom:1px solid #D8A18B; lebar: 100px; ketinggian:110px; latar belakang:#F5F5F5;paparan:blok; padding-top:10px;} 




  

    
• 64h / 47 hitspixu

    
• 24h / 35 hits秀才

    
• 66h / 87 hits透露

    
• 40h / 34 hitsLIVID

    
• 47d / 56 hits老孟

    
• 42d / 36hits小玉

    
• 63h / 67 hitspixu

  

Dalam contoh ini, jika saya memadamkan
kod program
*+html #zishu_test li a:hover span {margin-left:-8px }/* IE7*/
baris ini; akan ada perbezaan dalam IE7;

Untuk menyelesaikan masalah ini, saya melihat kaedah dalam http://www.blueidea.com/tech/site/2006/3626.asp ; pengaturcara dan orang susun atur bukan orang yang sama; kaedah ini adalah sukar untuk dikawal; >

Salin kod

Kod adalah seperti berikut:* html #zishu_test li a:legar span {margin-left:-8px; } /* IE6 */ *+html #zishu_test li a:hover span {margin-left:-8px; }/* IE7*/

Ini untuk Kaedah IE6 dan IE7 ;

"*+html" digunakan oleh ie7 dan ie5.01, dan terdapat cara yang sangat mudah untuk membezakan ie7 dan ie5.01, yang penting Tulis di hadapan, supaya membentuk sistem yang berasingan untuk ie7 Kaedah godam.

Contohnya:

*+html div.IE7 {
lebar:200px;
lebar:100px;