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

Question

我在使用 jQuery.hoverIntent 实现的 JS 子菜单中看到一些奇怪的闪烁在 this page here .闪烁只发生在页面下方的图像上，被 Chrome 和 Firefox 中出现的菜单隐藏，整个菜单实际上呈现在 IE7 中的这些图像后面。奇怪的是，之前的实现(here)没有闪烁。我相当确定这是 CSS 问题，因为我们正在进行重构，我们正在尝试整合样式表和脚本。非常感谢任何帮助:)

Answer 1

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

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

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

---

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

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

后者我测试过并且有效。