ie7이 인식하지 못하는 경우 !important [레이아웃 솔루션]_경험교환

IE7 이전에는 IE와 FF의 레이아웃 차이를 해결하기 위해 !important를 사용했지만, IE7이 나온 이후에는 IE7에서는 !important가 작동하지 않았고 IE7의 해석 방법이 FF 및 IE6의 경우와 달랐습니다. 이번에는 새로운 문제가 나타납니다. !important를 사용하면 IE6은 해결되지만 IE7은 해결되지 않습니다. 이렇게 하면 다른 브라우저에서 보이는 동일한 웹페이지의 효과가 달라집니다.

이것은 어제입니다. 레이아웃 중에 먼저 효과를 살펴볼 수 있습니다. http://www.zishu.cn/blogview.asp?logID=553

또는 아래 코드를 실행하여 동일한 효과를 확인하세요.

코드 복사 코드는 다음과 같습니다.

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