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;
}

请参阅Fiddle。

（使右侧col更大以查看图像和div更好）

Answer 1

好的..错误的div已经启动了...... Code代表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不工作=（

z-index不能与带有背景图像的2个div一起使用

1 个答案: