CSS下拉菜单在IE中显示得太快

Question

我已经使用suckerfish创建了一个CSS下拉菜单。它的问题是，当你点击顶层的导航项目时，它会带你到分类页面，指针仍然停留在该导航项目上，下拉菜单会自动出现在IE中。

这对Firefox来说很好，因为下拉列表不会出现，直到我移动鼠标，但是IE只是直接踢在没有任何鼠标移动的地方。

由于菜单非常大，用户没有意识到页面已经发生了变化。

这个站点的http://www.foodnetwork.com/似乎达到了我想要的效果，只是稍有延迟，下拉列表就会再次出现。我知道他们把JS和CSS混为一谈，但我不太清楚他们在做什么。

有什么想法吗？

Answer 1

我知道您目前正在使用一种不同的技术解决方案来解决这个问题，但在您做出判断之前，请至少看一看我的建议。我不足以直接解释它，所以我只给您几个要点，然后链接到解决方案，以努力帮助您。

此解决方案包含以下属性：

对于Absolute browser和platform compatibility

• Text scaling friendly

• Narrow window width handling

• Functional

non-CSS，或禁用CSS，browser

• Placed No

  ，未使用任何类型的客户端脚本(Javascript

发布文件的站点使用此菜单(它归作者所有)。所以，请访问这个GRC's Script-Free Pure-CSS Menuing System页面。

我真的希望这对你有帮助！

Answer 2

使用jQuery的hoverIntent来实现这种延迟效果。此外，即使光标暂时移出菜单，菜单也会留在那里。防止菜单出现和消失的分散注意力的闪烁效果。

Answer 3

这里只是抛出这一点，因为可能还有其他您希望菜单具有的更改：

你可能想要考虑Superfish (一个更新/升级的版本，所以看一看Suckerfish的版本)，菜单上的delay option就是其中之一。