0

我有一个元素将自己（以及它的所有子元素）放置在其相应部分的背景后面。页面上的任何其他元素，甚至在同一部分中，我都没有遇到过这个问题。我在内联设置了背景颜色，以确保这是正在发生的事情。它发生在所有浏览器中。感谢您提供的任何帮助。

<div id="homepage_servicesstrip">
    <div id="homepage_web_drops_wrap" style="background-color:red;">
    </div>
</div>

    #homepage_servicesstrip {
        background:url('home/images/gradient-services-background.png');
        background-size: auto 100%;
        position:absolute;
        margin-top:0px;
        width:100%;
        height:1050px;
        z-index:1;
    }
    #homepage_web_drops_wrap {
        position:absolute;
        margin-top:60%;
        margin-left:10%;
        height:500px;
        width:80%;
        z-index:60;
    }
4

1 回答 1

0

z-index 首先计算兄弟姐妹，然后计算孩子。例如 HTML

<div class="box">
    <div class="one box"></div>
</div>
<div class="box">
    <div class="two box"></div>
</div>
<div class="box">
    <div class="three box"></div>
</div>

CSS

   .box {
       z-index:1;
   }
   .two {
       z-index:1000000;
    }

.two不会高于，.three因为.three's父母高于.two's父母。

演示

于 2013-04-22T18:06:48.077 回答