html-css 中如何让一个DIV的背景色是透明的，但它的内容（文字图片之类的）不是透明的？

Question

如题所述

Answer 1

html-css 中让一个DIV的背景色是透明的，但它的内容（文字图片之类的）不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0；代码如下：
<div id='div1'>
<div id='div2'>
<p>我是测试文字</p>

</div>
</div>

<style>
div{
widht:220px;

height:300px;

}

#div1{
background:#fff;

opacity:0;

z-index:10;

}
#div2{
z-index:11;

}
</style>

Answer 2

div background属性不进行设置自然就是透明的，或者设置为background：transparent

Answer 3

rgba(255,255,255,0.5)