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

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;
}

现在您可以选择子菜单。