opacity:0,这样可以设置背景的透明度
说做颤的不明确,背景透明,是颜色,还是背景图片,还是整个div
背景颜色:可以使兄脊用:羡胡渗rgba(0,0,0,0.5),最后一个值是透明度
div透明度:opacity(.5)
opacity和rgba都是设置透明度慎闭的,区别在悉孝辩于opacity是整体的透明度,标签本身及标签内容还有标签的子元素都会受到影响。rgba仅仅是改变元素的添加背景色,内容及子元素睁缺不受影响。
233
666
.test {width: 200px; height: 200px}
.tstop {background: red; opacity: 0.6}
.tstrgba {background: rgba(255, 0, 0, 0.6)}
可以实际体验一下。
透明度具体根据你自己的感觉来调试吧。
opacity:0.50;//1不透明,0看不见,这行给谷歌这种游览器明做用
filter:alpha(opacity=50)//这激启衡行是旁行给IE游览器用的
#a{
background:#FFCC33;
filter:alpha(opacity=50); /*支持 IE 浏览器*/
-moz-opacity:0.50; /*支持 FireFox 浏览器*/
opacity:0.50; /*支持 孙旦陪Chrome, Opera, Safari 等浏览器*/
width: 300px;
height:300px;
}还有一种仅让背景半透明,里面内容不会透明
background: rgba(255,204,51, 0.5);
width: 迟游300px;
}前三个值表示颜色的red,green,blue值
最后一个表示alpha值,就是透明度值则蠢,不透明为1
以上就是土嘎嘎小编大虾米为大家整理的div半透明背景相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!