将鼠标悬停在文本上时，jQuery下拉消失（仅限IE6 / 7）

Question

编辑：由于我无法确定问题的确切原因并且下面的测试链接因更改为使用Superfish菜单而无法再显示问题，因此我投票决定关闭此功能。

我在一个小网站上使用this simple jQuery drop down menu但我遇到的问题是，当鼠标悬停在IE6和IE7中的文本上时，菜单会消失 。在FF 3.5和IE8中，一切都按预期工作。

当您将鼠标悬停在“投放组合”标签上并将鼠标向下移动到第2个/第3个子菜单项上时，会出现此问题。在IE6和IE7中，菜单立即消失，但仅限于文本（我们提供的服务或下面的任何链接）。可以调出下拉并慢慢地在右边缘上移动鼠标，直到你将鼠标向左移动并移到文本上时，它不会消失。

我已尝试对元素的定位和z-index进行各种更改，并查看类似的SO问题，但无济于事。因为我不是CSS专家，所以我搞砸了一些其他背景元素或定位导致问题。

有问题的CSS位于第{200行附近的http://www.fencescapedesign.com/Styles/Site.css。

Answer 1

请注意，当光标移动到“我们提供的服务”元素的顶部时，菜单会消失。我会尝试一些事情：

• 添加位置：相对于“menuLinks”项的容器，使IE表现得很好。这是最有可能的罪魁祸首。

如果这不起作用（实际上即使它确实如此），你也应该：

• 为菜单链接ul
指定顶部和左侧属性
• 在菜单链接ul中添加适当的z-index。由于z-index仅适用 对于定位元素，请务必将其保持原样 现在
• 删除“bodyText”元素上的z-index。你想要菜单超过顶部 正文，而不是其他方式 周围。

Answer 2

我知道这不是你问题的答案，但也许是一个可行的替代方案，实际上可能最终节省你的时间。尝试实现jQuery插件Superfish css作为测试，因为它是一个真正的css下拉菜单。

我一直都在使用它。希望它可以帮到你。