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

时间:2012-09-25 17:31:38

标签: html css

检查:www.trillie.nl

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

2 个答案:

答案 0 :(得分:3)

使用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 
}

enter image description here

答案 1 :(得分:2)

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