css - IE6 悬停状态不恢复

Question

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

我已经将这个问题缩小到上面的测试用例中。如果您在 IE6 中加载它，您会立即发现它。

问题

在 IE6 中将鼠标悬停在 anchor 上时，所有本应可见的后代元素都变为可见，但一旦悬停在 anchor 上，所有样式都会保留，但文本会消失。这会导致出现“幽灵盒”并且非常有趣(但不是我们想要的效果)。

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

附言忽略 PNG 的透明度。我只是没有在这个演示中包含 pngfix。

Answer 1

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

http://reference.sitepoint.com/css/pseudoclass-hover涵盖了其中的大部分内容，您应该可以试验可能出现的问题。

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

一些评论者忘记了有许多客户(例如:英国地方政府)仍然几乎只使用 IE6。可怜我们这些仍然必须确保考虑到这一点的人!