无法选择（单击）子菜单项

Question

我有以下网站：

http://miraj.quranprojectreading.org/

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

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

由于

Answer 1

因为主菜单和子菜单中存在隐藏的间隙。通过用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;
}

现在您可以选择子菜单了。