前三个导航锚不能正常工作

Question

我的网页位于http://www.sarahjanetrading.com/js/j/index.html。

在导航中，当我悬停或想要点击前三个导航时 物品，它们不能正常运作。整个区域的前三个导航项目 不可点击。其余导航项目正常运作。

任何帮助都将受到高度赞赏。

Answer 1

您的徽标出现在3个项目的顶部

如果您降低徽标的高度，您可以选择项目

Answer 2

徽标（＆lt; div class =“logo”＆gt; ）位于前3个元素之上，请尝试调整其大小。

.logo {
height: 45px;
}

Firebug非常适合发现这些问题

Answer 3

正如柯特所说Your logo is appearing over the top of the 3 items。所以，这里的解决方案就是z-index给你的ul#nav DIV。

像这样：

ul#nav {
    margin-left: 25px;
    position: relative;
    top: 22px;
    z-index: 1;
}