鍍金池/ 問答/HTML/ div的css如何設(shè)置才能實(shí)現(xiàn)background-img置于底層

div的css如何設(shè)置才能實(shí)現(xiàn)background-img置于底層

我的頁(yè)面是一個(gè)div套一個(gè)div,想要實(shí)現(xiàn)的效果如下：

就是背景只作用在環(huán)形區(qū)域，不會(huì)覆蓋到div2。

clipboard.png

百度了以下，說要設(shè)置z-index，但是設(shè)置了還是沒有效果。小白，求指點(diǎn)，謝謝。

<body>

    <!-- div1 --> 
    <div style="z-index: -100">

        <!-- div2 -->
        <div class="col-md-10 col-md-offset-1" style="margin: 20px 100px 20px 100px;box-shadow: 0px 0px 20px;z-index: 999">   Content  </div>


    </div>
</body>
回答
編輯回答
怣痛

謝謝@enhancer在評(píng)論區(qū)的回答，設(shè)置div2的背景色就不會(huì)被div1的背景色渲染了。

2017年4月18日 01:44