ie6 a标签 puzzle hover bug

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总结。有空翻译一下。

原文地址:https://www.cnblogs.com/aotoYu/p/3884263.html