悬停在文本上时 jQuery Drop down 消失（仅限 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

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

我一直在使用它。希望对你有帮助。

Answer 2

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

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

如果这不起作用（即使确实如此），您还应该：

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