css - 无法选择(单击)子菜单项

Question

我有以下网站:

http://miraj.quranprojectreading.org/

我遇到的问题是无法选择子菜单项。例如，如果您将鼠标悬停在“关于我们”上，则无法点击子菜单项。

知道如何解决这个问题吗？任何帮助将不胜感激。

谢谢

Answer 1

因为在你的主菜单和子菜单中有一个隐藏的Gap。通过用 Firebug 检查你的 css，你的 css 中有这样的东西:

#access ul ul {
    background: none repeat scroll 0 0 rgba(143, 235, 251, 0.9);
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 24px;
    vertical-align: middle;
    width: 160px;
    z-index: 10;
}

现在 top:24px; 离主菜单太远了。将其更改为 -

#access ul ul {
    background: none repeat scroll 0 0 rgba(143, 235, 251, 0.9);
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 20px;
    vertical-align: middle;
    width: 160px;
    z-index: 10;
}

现在您可以选择子菜单。