[IE6 Bugs]don’t use percent too much!
好吧,我承认我自己很鄙视这个问题多多的浏览器,但是不可否认的,用这个的人太多了
具体的问题是这样,今天我在开心的把设计图变成界面,不知道什么时候突然发现,对于导航条的每个anchor,只要我鼠标一上去,就会左右偏差1、2像素,但是只偏差一次就不会再出现,除非刷新网页!而且这个问题是只有IE才有的,在FF和其他浏览器下都没出现!
万恶的IE……浪费我2个多小时才解决这个问题,还遇到很多奇怪的陷阱!
一开始我写的navi是这样的
#navi{left:0px;float:left;width:94%;padding-left:4%;background:yellow;color:white;}
<div id="navi">
<a href="">Home</a>
<a href="">About</a>
<a href="">Contact</a>
<a href="">Chinese</a>
<a href="">Not</a>
</div>
很好,一切都在它该在的地方呢,继续修饰一下:
a{padding:3px 4px;margin:1px 2px;text-decoration:none;color:red;}
a:hover{background:black;color:white;}
于是IE6就开始抽风了,我试了把anchor们放到div,放到ul,放到table里,都不能让IE老实些,于是就开始逐个检查,竟然是a:hover{background:black;}屏蔽掉的时候就好了!!!tmd,为啥不让我变背景色呢!太可恨了!令人发指!
嗯,就在我很无助的时候,“不小心”把navi里的padding-left:4%;的百分号删掉了!结果IE就奇迹般的不抽疯了!wk!这算哪门子事儿啊……好吧,我知道了,IE受不了百分号,那么width:94%呢?果然,把这句注释掉留着padding的%也有奇效!而且都能继续使用background!
好吧,IE,我认了……以后再也不给你%的padding就是了……