静态导航栏下的图像不起作用

Question

检查：www.trillie.nl

当您滚动时，您会看到图像越过导航栏而不是其下方，就像其他内容一样。

Answer 1

使用z-index:9999;您的问题已解决

#navigation {
    background-color: rgba(1, 1, 1, 0.8);
    box-shadow: 0 0 8px 0 #000000;
    color: rgba(1, 1, 1, 0.8);
    height: 35px;
    padding-top: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;   // here is 
}

Answer 2

您需要做的是使用比图片z-index更高的#navbar，以便它始终位于图片上方，例如导航栏z-index:5和图片z-index:4。< / p>