css - 下拉菜单偶尔工作

Question

我在这里设置了一些下拉菜单：http: //emgraphics.net/sokoleye_wp 问题是它们只能偶尔工作 - 四分之三我无法单击链接并且菜单消失了。但是，没有任何模式 - 没有可以正常工作（或不正常工作）的页面，没有工作或不工作的特定菜单/链接，有时它在第一次尝试时工作，有时在我切换之前根本没有页。这个问题在浏览器/平台上似乎是一致的（我在 Browserstack 中尝试了一堆选项）。甚至 IE 也遵循这种模式！这些只是 WordPress 中设置的标准菜单。我认为某处必须有一些干扰的css，或者标题中的随机图像？但是为什么它不只是保持损坏/无功能（或没有）？知道我在这里缺少什么吗？谢谢！

Answer 1

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

尝试将#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;
}