元素背后的背景？

我有一个元素将其自身（以及所有子元素的扩展名）置于其相应的节的背景之后。我还没有在页面上的任何其他元素，甚至在同一部分内的这个问题。为了确保正在发生的事情，我在内联上设置了背景颜色。它发生在所有浏览器中。感谢您提供的任何帮助。元素背后的背景？

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

来源

2013-04-22 Mr. Lavalamp

你不必用'Z-index'，而且'positioning'太 – 2013-04-22 17:41:46

@先生糟糕。 ] Bojangles：这将是明智的。 – 2013-04-22 17:43:55

@ Mr.Alien：如果我稍后移动东西，我一直在使用z-index来保持一切正常。有什么会导致故障吗？定位有什么问题？ – 2013-04-22 17:45:19

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父。

DEMO

来源

2013-04-22 18:06:48 xpy

就我而言，这个孩子落后于自己的父母。：/ – 2013-04-22 18:13:47

@Lavalamp先生有没有一个活生生的例子？ – xpy 2013-04-22 18:21:18

元素背后的背景？

回答

相关问题