css - z-index 不适用于带有背景图像的 2 个 div

Question

我正在开发后台广告系统，但我的 z-index 无法正常工作。

#page
{
    width: 1100px;
    margin: 100px 0px 0px -550px;
    min-height: 906px;
    background-color: #fff;
    left: 50%;
    cursor: auto;
    position: absolute;
    z-index: 1;
}

#adGfwADS
{
    width: 100%;
    min-height: 1050px;
    background-repeat:no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    background-color: #000; background-image: url(http://crazysportz.de/1.jpg); background-position: 50% 0px;
}

见小提琴。

（使正确的 col 更大以更好地查看图像和 div）

Answer 1

好的.. 错误的 div 出现了...代码位于 jsfiddle 并显示在 z-index。

#page
{
    width: 1100px;
    margin: 100px 0px 0px -550px;
    min-height: 906px;
    background-color: #fff;
    left: 50%;
    cursor: auto;
    position: absolute;
        z-index: 1;
}

#adGfwADS
{
    width: 100%;
    min-height: 1050px;
    background-repeat:no-repeat;
    cursor: pointer;
    position: absolute;
        z-index: 10;
    background-color: #000; background-image: url(http://crazysportz.de/1.jpg);     background-position: 50% 0px;
}

<div id="dimensions">
    <div id="adGfwADS" class="adGfwADS" url="http://google.de">
    <div id="page">blupp</div>
    </div>
</div>

div id="page" 会显示，但这是错误的，然后 z-index 比 adGfwAds 低，我使用位置来使用 z-index 但 z-index 不起作用 =(