Navbar无法正常工作

Question

这是我上一篇文章的后续内容，我将图像放在最上面后发现问题，不确定这是否直接相关。问题在于您无法点击导航链接，因为它们是透明的。

当光标放在特定位置时，只有一个显示悬停颜色。没有人可以点击其他仅在特定位置工作的那个。它们没有显示悬停颜色。

代码： 代码在网站发布后被删除

Answer 1

您的问题位于此处：

div.staffimg {
    top: 100px;
    left: 0px;
    right: 205px;
    bottom: 0px;
    position: fixed;
}

您不是只定位元素，而是创建一个块元素，当它延伸到屏幕底部时，它会覆盖您的导航。

删除left和bottom属性以解决此问题：

div.staffimg {
    top: 100px;
    /* left: 0px; */
    right: 205px;
    /* bottom: 0px; */
    position: fixed;
}