固定的<nav>元素出现在某些页面元素后面

Question

我没有更改任何不透明度属性。它一直出现在某些h1，p和form元素之后。但据我所知，没有什么可以导致这种情况发生。

当前的CSS：

#nav {
position: fixed;
width: 100%;
text-align: center;
height: 50px;
background-color: #404040;
color: whitesmoke;
opacity: 1;
}

同样的事情发生在第二个移动导航区域，在相同的元素上，我不明白如何或为什么。

使用bootstrap 3.3.5。

Answer 1

添加z-index:1;或大于1的值，直到它堆叠在所有元素之上。