关于IE6下a:hover的问题

今天在做界面布局的时候ie6下出现了一个关于a:hover的问题,代码如下:(PS:由于本博客的样式中有一句:a:hover { border:0; color:#cc3000},导致了表现效果不一致,有兴趣的朋友可以将代码复制到一个空html文件中保存浏览看效果。




百度了下,有网友说:如果a:hover 中没有样式的改变,hover就不会被触发。但如果在a:hover{}增加一些特定的属性,例如
 
a:hover{border:none;}
或者
a:hover{padding:0;}
又或者
a:hover{background: none;}
此时hover就可以触发了。这样的属性还包括direction/text-align/text-indent/float

同时另一个网友说:不论你在a:hover{}写入任何属性,color啊,font-size啊,overflow啊(甚至是不存在的属性,如xx:yyy),都可以使之恢复正常。

而我们在别人的demo中最常见的是 a:hover{zoom:1},代码如下:


posted @ 2009-06-25 20:35  TGL  阅读(976)  评论(0编辑  收藏  举报