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

Question

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

任何可能导致此问题的想法？

主页为http://www.weddingideasmag.com，我尝试测试的链接在主要奖项标签下称为2014奖项。

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

以下是Chrome开发者工具中突出显示的相同区域。我认为它可能是一个z索引问题，但即使我将下拉列表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%;

Answer 1

将a.flex-next的{​​{1}}设为9而不是随机数为99，即＆gt;而不是下拉列表的z-index（z-index）。似乎工作，但你的风格通常很混乱。

Answer 2

尝试使用指针事件：您的菜单打开时链接无