jquery - 仅在 IE 7 中菜单抽屉猛然关闭

Question

我开发了这个 jQuery 菜单抽屉系统，它似乎在除 IE 7 之外的所有浏览器中都能很好地工作。我不关心 IE 6，并且由于这个新问题，我正在认真考虑也不支持 IE 7。

IE 7 的问题是抽屉正在关闭，而鼠标仍然在抽屉内。

抽屉 #1 的 HTML/CSS 与我的实际网站完全相同。您可以将鼠标放在抽屉内的任何位置除了与内容区域相交的地方。一旦您的鼠标误入抽屉覆盖或与内容区域相交的区域，抽屉就会猛然关闭。

抽屉 #2 的 HTML/CSS 比实际网站更通用，您几乎可以立即看到抽屉关上。因此，这个问题在某种程度上也与抽屉中的 HTML/CSS 内容有关，但我无法缩小范围。

我不明白为什么会发生这种情况或如何解决它。更奇怪的是，仅基于 HTML/CSS 内容，问题在抽屉 #1 和抽屉 #2 之间似乎表现不同。

昨晚我花了很多时间玩 z-index，但现在看来显然这与它没有任何关系，因为抽屉总是按其应有的方式保持在内容的顶部。

请原谅丑陋的颜色和轮廓......这只是为了演示目的。

<强> Full-screen jsFiddle Demo

<强> jsFiddle Code

要查看我想要的行为，只需在 IE 7 以外的任何现代浏览器中打开 jsFiddle 即可。

我有兴趣知道是否有人可以解释或确定哪个 IE 7 bug 导致了这个奇怪的问题，以及是否有一个简单的(仅限 HTML/CSS)解决方案。我不想过多地修改 jQuery，因为它终于可以在其他浏览器中完美运行了。

Answer 1

参见: http://jsfiddle.net/thirtydot/PayFw/190/ (或/show)

添加此修复它:

.menuContent {
    zoom: 1
}

与 hasLayout 相关的另一个 IE7 问题.