在文本上悬停时，jQuery下拉列表将消失(仅限于IE6/7)

Question

编辑:我投票关闭这个问题，因为我永远无法确定问题的确切原因，下面的测试链接不再显示问题，因为更改为使用超级菜单。

我在一个小站点上使用这个简单的jQuery下拉菜单，但是我遇到了一个问题，当鼠标悬停在IE6和IE7中的文本上时，菜单只会消失为。在FF 3.5和IE8中，一切都如预期的那样工作。

当您悬停在"Portfolio“选项卡上，并将鼠标移动到第2/3子菜单上时，问题就会出现。在IE6和IE7中，菜单立即消失，但只有在文本(我们提供的服务，或下面的任何链接)结束时才会消失。这是有可能的，拿起下拉和慢慢鼠标绕在右边的边缘，不会让它消失，直到你移动鼠标左和超过文字。

我尝试过对元素的定位和z索引进行各种更改，并查看类似的问题，但都没有效果。因为我不是CSS专家，所以我搞砸的其他背景元素或定位完全有可能导致这个问题。

所讨论的CSS位于第200行附近的http://www.fencescapedesign.com/Styles/Site.css。

Answer 1

我知道这不是你的问题的答案，但也许是一个可行的选择，实际上可能会节省你的时间。尝试实现jQuery插件超香 css作为一个测试，因为它是一个真正的css下拉菜单本身。

我一直在用它。希望它能帮到你。

Answer 2

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

• 添加位置:相对于"menuLinks“项的容器，使IE表现良好。这可能是罪魁祸首。

如果这样做不起作用(即使真的起作用)，您还应该：

• 为菜单链接ul指定顶部和左侧属性。
• 在菜单链接ul中添加适当的z索引。由于z-index只适用于已定位的元素，请确保将其保留为现在的位置。
• 删除"bodyText“元素的z索引。你希望菜单位于正文文本的顶部，而不是相反。