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

div半透明如何设置_前端怎么将一个div设置成透明的呢?

作者:小编 更新时间:2023-07-23 15:07:40 浏览量:411人看过

做过活动页面的同学可能会遇到要做扰兄背景半透明的效果,我们一般的做法是用两个层,一个用于放文字,另一个用于做透缓慧袭明背景,因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现,我们有更简单的做法: HTML代码:

透明度具体根据你自己的感觉来调试吧。

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

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

编辑推荐

热门文章