Question

我在这里设置了一些下拉菜单：http://emgraphics.net/sokoleye_wp问题是他们只是偶尔工作 - 四次中有三次我无法点击链接而且菜单消失了。然而，没有任何模式 - 没有经常（或没有）工作的页面，没有特定的菜单/链接有效或无效，有时它在第一次尝试时工作，有时根本不工作直到我切换页面。这个问题在浏览器/平台上似乎是一致的（我在Browserstack中尝试了一堆选项）。即便IE遵循这种模式！这些只是WordPress中设置的标准菜单。我假设某个地方必须有一些干扰，或者标题中有随机图像的东西？但为什么它不会只是保持断裂/不起作用（或不起作用）？知道我在这里缺少什么吗？谢谢！

Answer 1

对我来说（Chrome版本26.0.1410.64米），菜单项和下拉列表之间存在差距。当光标到达此间隙时，它不会处于按钮或列表上方的悬停状态，导致列表消失。

尝试将 #access ul ul 的CSS更改为：

#access ul ul {
display: none;
position: absolute;
top: 30px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
padding-top: 4px;
}

..应该解决问题。

Answer 2

如果您仍希望获得间隙的视觉效果，可以在上面的示例中添加边框顶部。替换下面元素的现有CSS，它应该可以解决您的问题。

#access ul ul {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
    border-top:4px solid #7C7461;
}

下拉菜单偶尔工作

2 个答案: