IE9 中的子菜单不可点击答案

【问题标题】：Submenu not clickable in IE9IE9 中的子菜单不可点击
【发布时间】：2011-04-14 14:07:17
【问题描述】：

在我的网站http://www.mvl.eu 上，我使用 superfish 作为子菜单。子菜单可见（z-index 问题），但不可点击，因为如果您移动到子链接，它就会消失。这个问题只发生在IE9，直到IE8没有问题。有人可以告诉我问题是什么，因为我很没有想法。谢谢！

【问题讨论】：

您是否为
- 标签设置了 z-index？
对于：.sf-menu li:hover ul, .sf-menu li.sfHover ul

标签： internet-explorer superfish submenu clickable

【解决方案1】：

刚刚检查了您的网站，我可以确认这在 IE7 上也是一个问题，除非您将鼠标向下移动得足够快。看起来菜单标题的定义和菜单项之间存在某种差距。也许问题在于鼠标何时处于此间隙中？

【讨论】：

所有浏览器都有这个小差距。如果你移动得快一点，那就没问题了。然而，在 IE9 中，不可能在不丢失子菜单的情况下越过间隙。
我缩小了你提到的差距，似乎这解决了问题。也许 IE9 以与其他版本不同的方式处理跨越差距。也许IE9没有应用延迟，因此立即让子菜单消失。

【解决方案2】：

感谢您的帮助。让我部分回答我自己的问题。 IE9 中的问题是我网站上的所有 javascript / Jquery 元素都不再工作了。 superfish 子菜单在链接和子菜单之间有一点间隙，但在 javascript 中，在菜单消失之前有一秒钟的延迟，足以跨越这个小间隙。没有 javscript 的延迟是 0 秒，所以只要你用鼠标进入间隙，子菜单就消失了。我将子菜单放置在链接旁边，因此问题得到解决，即使禁用了 javascript，菜单也能正常工作。真正的问题是为什么这些 javascript / jquery 元素（如 lightbox、superfish 和 nivoslider）在 IE9 中不起作用。

【讨论】：