Question

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

#mainbody {
background-color: #FFFFFF;
opacity: 0.6;
}
如果css这样写的话就整个div都给半透明了
我想要的效果仅仅是背景透明

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

抠个1px的背景图，半透明的，这是有效解决半透明兼容ie7到ie11以及其他主流浏览器最有效的方法

Answer 3

ie8以上用background-color：rgba(rgb是颜色最后那个a是透明);

ie8以下 多写一个层

Answer 4

div不设置背景本身是透明的