1

我的标题有这个 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/

4

2 回答 2

2

由于您的标题是固定的，因此它会从文档流中提取出来。因此，它不再“向下推”导航，并且导航将出现在您注意到的顶部。

我建议您将导航向下推与标题高度相同的像素数。像这样的东西：

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

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

于 2013-08-29T22:36:08.640 回答
0

position:fixed从您的中删除.header或将 更改z-index为 0 或更多。

于 2013-08-29T22:29:08.847 回答