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:

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >





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