css标题不显示上面的菜单

Question

我的头文件有这个css：

在标题下面我有一个水平菜单

.header {
    height:180px;
    margin-top:0;
    border-top:5px #999999 solid;
    background:#FFFFFF;
    position:fixed;
    z-index:-9999;
}

HTML中的图片没有显示 - 我认为它在菜单后面，我无法将其放在菜单上方：

我已经创建了一个jsFiddle，所以你也可以看到完整的HTML和菜单CSS：http://jsfiddle.net/ar9P6/

Answer 1

由于标题位于固定位置，因此会将其从文档流中取出。因此它不再是推动＆＃39;向下导航，当您注意到时，导航将显示在其上方。

我建议你按照与标题高度相同的像素数向下推送导航。像这样：

.vertical-nav {
   margin-top: 180px;
}

这是您更新的小提琴：http://jsfiddle.net/ar9P6/9/

Answer 2

从position:fixed移除.header或将z-index更改为0或更多。