IE6悬停状态不恢复

Question

演示 http://people.mywot.com/dean/tour/ie6test.html

我已将此问题缩小到上面的测试用例中。如果你在IE6中加载它，你会马上发现它。

问题

当鼠标悬停在IE6中的锚点上时，所有可见的后代元素都会变得可见，但是只要您将鼠标悬停在外，所有样式都会保留，但文本会消失。这会产生一个“鬼盒”并且非常有趣（但是不受欢迎的效果）。

今天早上我搜索了几个小时试图找出IE6 bug这是什么，但我没有想法。

P.S。忽略PNG的透明度。我刚刚没有在这个演示中包含pngfix。

Answer 1

不幸的是，IE6中的悬停状态有一些愚蠢的错误。

http://reference.sitepoint.com/css/pseudoclass-hover涵盖了大多数应该允许您尝试可能出错的内容。

编辑：不幸的是，您可能不得不求助于javascript来克服这个问题。

一些评论者忘记了有许多客户（例如：英国当地政府）仍然几乎完全使用IE6。遗憾的是，我们这些必须确保考虑的人才会被考虑在内！

Answer 2

是的，100％网站管理员讨厌恶魔IE6，但我们在这里回答这个问题，而不是讨论IE6有多糟糕，对吗？

对于这个问题，这是我的答案:(在您的演示代码中编辑了第42行和第43行）

...
    .screenshot a.bubble .description { position: absolute; min-width: 200px; bottom: -8px; background: none; display: none;
     }
    .screenshot a.bubble:hover .description { display: inline;  background: #efefef; }
...

我不知道如何，但IE6 无法隐藏 div，css属性“background”未设置为“none”。这就是导致问题的原因。无论如何，我讨厌IE6。