Question

我用代码创建了一个静态栏：

#header_bar {
    background-image: url(../img/background_white.png);
    height: 64px;
    border-bottom: 0px;
    padding-left: auto;
    padding-right: auto;
    width: 100%;
    top: 0;
    position: fixed;
}

我的内容代码：

#content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #D8F0DA;
    width: 100%;
    height: auto;
    min-height: 100%;
    position: relative;

    background-image: url(../img/wallpaper.jpg); 
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

它工作正常，我的标题栏变为静态，但当我向下滚动标题栏时，我的内容仍然存在。我该如何解决这个问题？

Answer 1

尝试在标题栏的CSS类中添加z-index：

position: fixed;
z-index: 100;

应使其显示在内容之上。

静态标题栏是我的内容

1 个答案: