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 に答える