IE7 이전에는 IE와 FF의 레이아웃 차이를 해결하기 위해 !important를 사용했지만, IE7이 나온 이후에는 IE7에서는 !important가 작동하지 않았고 IE7의 해석 방법이 FF 및 IE6의 경우와 달랐습니다. 이번에는 새로운 문제가 나타납니다. !important를 사용하면 IE6은 해결되지만 IE7은 해결되지 않습니다. 이렇게 하면 다른 브라우저에서 보이는 동일한 웹페이지의 효과가 달라집니다.
이것은 어제입니다. 레이아웃 중에 먼저 효과를 살펴볼 수 있습니다. http://www.zishu.cn/blogview.asp?logID=553
또는 아래 코드를 실행하여 동일한 효과를 확인하세요.
zishu.cn test
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;}