css - CSS background-image 相对背景色固定 z-index

Question

我的问题是：

我得到了这个 HTML：

<div id="UNDER">
</div>

<div id="OVER">
</div>

这个CSS：

#UNDER
{
    width: 100%;
    height: 10vh;
    background-color: #004;
    position: fixed;
    z-index: 50;
}

#OVER
{
    width: 100%;
    height: 100vh;
    background: url("images/bg.jpg") center center no-repeat fixed;
    background-size: cover;
    position: relative;
    z-index: 9000;
}

但是背景图像在UNDER后面而不是结束。

我尝试使用相同的代码，只是使用背景颜色而不是背景，它正在工作！

#UNDER
{
    width: 100%;
    height: 10vh;
    background-color: #004;
    position: fixed;
    z-index: 50;
}

#OVER
{
    width: 100%;
    height: 100vh;
    background-color: #009;
    position: relative;
    z-index: 9000;
}

有什么线索可以让它与背景中的图像一起使用吗？谢谢您的帮助。

Answer 1

我认为您的意思是拥有background而不是background-image.

http://jsfiddle.net/e56Sp/

background: url("images/bg.jpg") center center no-repeat fixed;