jQuery.hoverIntent在子菜单中闪烁

Question

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

Answer 1

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

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

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

---

OLD ANSWER：您正在看到闪烁因为您在下拉菜单中淡入淡出。你可以做两件事：

1. 完全消除淡入淡出，只需在下拉列表中执行.show()
2. 授予ul#topMenuJs li.qnav0>div opacity:1 !important;以覆盖js

后者我测试过并且有效。