z-index在固定div上不起作用

威廉·布罗克曼

所以我有一个带有标题和导航栏的网站。我试图实现的效果是，导航栏位于标题的后面，然后在滚动经过标题时滑出。例子

但是在上面的示例中，链接是不可单击的（它们被标题覆盖了），因此我重新设计了一下，并获得了成功的结果。但是现在导航栏仍停留在标题的顶部。我尝试通过z-index更改它，但是没有成功，而且我也不知道哪里出了问题。.示例2

（链接是服务器存档，不会更改。）

真诚的，一个困惑的开发者。

托马斯·K

在您的第一个示例中更改了代码，现在可以正常工作：

#Nav {
position: fixed;
background-color: #F0F4C3;
width: 100%;
background-size: 100% auto;
background-position: right center;
background-repeat: no-repeat;
top: 0px;
z-index: 10000;
box-shadow: 0px 4px 0px #AFB42B;
height: 50px;
margin-left: -8px;}
#Pic {
    height: 300px;
    /*changed*/
    z-index: 100001;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    /*added*/
    position: relative;
}

您必须添加position:relative使用元素z-index化妆的z-index工作

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。