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;