滚动修复：a:hover + div 中的链接不再有效，因为其他 div 的边距在 div 之上

Question

最近我更改了我的网站，以便在我的超大屏幕 div 下方的 div（导航栏之后的第一个 div）在滚动时会上升，覆盖超大屏幕 div。尽管这对于像我这样的中级初学者来说很酷，但我无法单击超大屏幕上的链接，a:hover 也不起作用。

我相信是这样，因为第二个 div 在第一个之上，我只在第二个 div 上使用 660px 的 margin-top 来降低它并暴露超大屏幕。

有没有人知道在让超大屏幕上的链接功能齐全的同时保留类似这种滚动方式的方法？

我的html代码：http://codeshare.io/L2eAF My css code: http://codeshare.io/jLiF3 Jsfiddle https://jsfid dle.net/xksLsoat/

页面（底部的蓝色是第二个div）：

非常感谢任何帮助！

Answer 1

在您的 CSS 中，您将 z-index:-1 设置为 #jumbotron，因此 div 位于 #wrapper 后面，无法进行交互...只需删除 z-index。

#jumbotron {
    background-image: url("http://i.imgur.com/WeLp8bN.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 90%;
    width: 100vw;
    z-index: -1;
    position: fixed;
}

滚动修复：a:hover + div 中的链接不再有效，因为其他 div 的边距在 div 之上

Scrolling fix: a:hover + links in div not working any more because other div's margin is on top of that div

html

css

z-index