css - 子菜单中的jQuery.hoverIntent闪烁

Question

我在此页面上使用jQuery.hoverIntent实现的 JS 子菜单中看到一些奇怪的闪烁。闪烁只发生在页面下方的图像上，被 Chrome 和 Firefox 中出现的菜单隐藏，整个菜单实际上呈现在 IE7 中的这些图像后面。奇怪的是，之前的实现（这里）没有闪烁。我相当肯定这是 CSS 问题，因为我们正处于重构的中间，我们正在尝试整合样式表和脚本。任何帮助是极大的赞赏 ：）

Answer 1

编辑： 虽然我在下面的初始答案仍然可以解决问题，但这是问题的真正原因和更好的解决方法。

页面下方的图像位于定位的 div 中（相对于位置）。当菜单加载时，它最后设置 z-index。如果您在样式表中指定 z-index，则淡入淡出将起作用并且不再闪烁。这在检查时对我有用：

ul#topMenuJs li.qnav0>div { 
  z-index:5; 
}

---

旧答案：您看到闪烁是因为您在下拉菜单中淡出。你可以做两件事：

1. 完全摆脱淡入淡出，只需.show()在下拉菜单上执行
2. 给ul#topMenuJs li.qnav0>divanopacity:1 !important;来覆盖 js

我测试了后者并且它有效。