div半透明,div透明度设置,css背设置透明度
发布-xiaoming | 浏览量-
方法一：
#a{
background:#FFCC33;
filter:alpha(opacity=50); /*支持 IE 浏览器*/
-moz-opacity:0.50; /*支持 FireFox 浏览器*/
opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/
width: 300px;
height:300px;
}
说明：
1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认
2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为50%
3、opacity：对除IE外所有浏览器支持包括谷歌，放最后主要针对谷歌浏览器，opacity: 0.5;表示设置50%半透明
方法二：
还有一种仅让背景半透明，里面内容不会透明
#a{
background: rgba(255,204,51, 0.5);
width: 300px;
height:300px;
}
前三个值表示颜色的red,green,blue值
最后一个表示alpha值，就是透明度值，不透明为1
原文地址：http://www.35ui.cn/post/20170722228.html
标签：div半透明opacityfilter
上一条： 火狐javascript:;兼容性的问题 javascript:void(0); 火狐
下一条： background-position用法详解
或许你还对下面的文章感兴趣
