Jquery 菜单下拉菜单悬停与下面的滑块链接冲突

我们的网站主页似乎存在冲突，如果光标进入链接所在的区域，位于下拉菜单下方的链接会导致它过早关闭菜单

你知道这是什么原因吗

主页是，我尝试测试的链接称为2014奖项，位于主奖项选项卡下

这绝对是一个滑动链接问题，因为问题只发生在滑动链接所在的主页上。我在下面附上了问题区域的截图

这是Chrome开发者工具中突出显示的相同区域。我认为这可能是一个z-index问题，但即使我将下拉菜单ul z-index更改为大于链接区域，问题仍然存在

下拉菜单的css是

position: absolute;
top: auto;
display: none;
float: left;
zoom: 1;
z-index: 10;
margin: 0 0 40px -1px;
padding: 20px 0 6px;
-webkit-box-shadow: 0 3px 5px 0 #999;
-moz-box-shadow: 0 3px 5px 0 #999;
box-shadow: 0 3px 5px 0 #999;
border: 1px solid #CCC;
background: #fafafa;
color: #676767;

滑块li元素的css是

position: absolute;
top: 0;
right: 0;
height: 100%;
width: 5%;

---

将a.flex-next的z-index设置为9，而不是将随机数设置为99，99大于下拉列表z-index:10的z-index。似乎可以工作，但您的样式通常比较混乱。

尝试指针事件：菜单链接上没有打开的链接。

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！我不确定要添加什么有意义的代码，因为我不确定问题是什么——如果我有线索，我会包括一些。至于问题的描述，我的帖子里怎么不包括这个呢？这将是一个黑客补丁。他的问题是a.flex-next元素位于下拉列表的前面。我试过了，它使下拉框在鼠标翻转时消失了——这不是预期的效果-这是可以做到的。用一点js，当你的下拉列表可见时，在你的flex下一个链接上切换一个类用一点js-当下拉列表可见时，你当然可以在你的flex下一个链接上切换一个类。非常感谢@fzzle。它们以什么方式乱七八糟？大多数都是默认的Woothemes样式表：-不客气。样式表在DevTools中总是显得凌乱不堪。你应该从一开始就发布相关的样式。可能也是为什么你有这么多的反对票。