ie6下面a标签下面有display:none的元素,css设置a:hover的时候子元素display:block,ie6下显示不了。
bug的详细说明:
http://www.designdetector.com/bugs/ie-hover-crash-demo.html
这个链接给出的解决方案如下:
a.images, :visited .images {
300px;
display:none;
}
a:hover .images {
display:block;
}
但只能做到这个a标签点击的时候ie6下才会显示子元素,而且不太稳定,不一定正确显示。
我尝试了很多方法,找到了一个方法:
a:hover {
background:transparent;
}
ie6下,hover上去,终于可以正确显示子元素了。
http://www.quirksmode.org/bugreports/archives/explorer_56_windows/
PPK的博客有很好的ie5,6下的bug总结。有空翻译一下。