html - IE7 中 CSS 菜单的奇怪可见性问题

Question

我有一个纯 CSS 菜单(即没有 JS)，它在所有现代浏览器中都运行良好，但在 IE7 中有一个奇怪的错误。它在 IE6 中根本不能很好地工作，但我们不需要在这里解决这个问题。问题如下:

当您将鼠标悬停在菜单选项选项卡上时，会出现下拉菜单。当您将鼠标移开该选项时，下拉菜单会消失 - 仅在 IE7 中，该选项卡也会消失!让我明白的一点是——如果您再次将鼠标悬停在该选项卡上，或者如果您将鼠标悬停在任何其他选项卡上，该选项卡将重新出现。这怎么可能？!将鼠标悬停在另一个元素上，使原始选项卡再次可见？烦人的是，它在这个网站的最后一个版本中有效，但不知何故在新设计中，它被破坏了。我试过比较但无法弄清楚它是什么。

这是当前损坏版本的 fiddle :http://jsfiddle.net/pXZLJ/1/

这是旧的工作之一:http://jsfiddle.net/43utK/

在 IE7 中查看这些以查看问题所在。帮助？谢谢:)

Answer 1

尝试删除您的 css 中的这一行:.nrmenu * {position:relative}。它似乎可以解决问题。

编辑:正如 sarcastyx 所指出的，它似乎确实影响了下拉菜单。因此，将 position:relative 添加到 .nrmenu li 中，下拉菜单再次出现。