html-css 中如何让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的?
html-css 中让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0;代码如下:
我是测试文字
div{
widht:220px;
height:300px;
}
#div1{
background:#fff;
opacity:0;
z-index:10;
}
#div2{
z-index:11;
}
div设置背景半透明
#a{background:#FFCC33; filter:alpha(opacity=50); /*支持 IE 浏览器*/-moz-opacity:0.50; /*支持 FireFox 浏览器*/opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/width: 300px;height:300px;}还有一种仅让背景半透明,里面内容不会透明#a{background: rgba(255,204,51, 0.5);width: 300px;height:300px;}前三个值表示颜色的red,green,blue值最后一个表示alpha值,就是透明度值,不透明为1

