Html 正文文本位于固定导航栏的顶部

我有一个固定的导航条，滚动时会出现

但当滚动标签中的文本/图像时，它似乎在导航栏的前面，而不是后面

为什么会这样？我怎样才能修好它

nav{
背景色：#262626；
高度：60px；
宽度：100%；
位置：固定；
排名：0；
底部：0；
-网络工具包盒阴影：0px 0px 8px 0px 000000；
-moz盒阴影：0px 0px 8px 0px 000000；
盒影：0px 0px 8px 0px 000000；
}
导航a{
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
线高：60px；
文本转换：大写；
利润率：7px；
}
导航a：链路{
颜色：#C8C8C8；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}
导航a：已访问{
颜色：#C8C8C8；
}
导航a：悬停{
颜色：#199ABA；
}
#菜单{
右边距：375px；
左边距：375px；
文本对齐：右对齐；
边际上限：0px；
边缘底部：0px；
}
#龙头{
边际：0px；
宽度：100%；
高度：650px；
字体系列：“开放式Sans”，无衬线；
}
#头顶h1{
位置：绝对位置；
左边距：375px；
右边距：375px；
边缘顶端：178px；
线高：45px；
字体大小：50px；
颜色：#33CCFF；
宽度：550px；
身高：100%；
}

谢谢

这通常是由z索引引起的，请确保：

CSS

z-index: 500 // or whatever number that is a positive real number.

是的，我是对的，看到这个了吗

nav {
    background-color: #262626;
    height: 60px;
    z-index:1; //any higher integer value
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 0px 8px 0px #000000;
    -moz-box-shadow: 0px 0px 8px 0px #000000;
    box-shadow: 0px 0px 8px 0px #000000;
}

提及

---

另请参考

JSFIDLE或任何链接？请提供任何代码片段。您可以添加一些示例代码吗？抱歉，有点新：P你需要在你的问题中添加那个小提琴的代码。事实上，任何需要潜在回答者注意的问题都需要编辑成你的问题。