Login
网站首页 > 文章中心 > 其它

怎么设置div背景为半透明_设置div背景透明的方法?

作者:小编 更新时间:2023-09-19 08:58:39 浏览量:24人看过

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背景为半透明_设置div背景透明的方法?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章