背景透明写法

写法一：

这种写法 子元素会继承其透明效果

-webkit-opacity: 0.2;/* older safari/Chrome browsers */

-moz-opacity: 0.2;/* Netscape and Older than Firefox 0.9 */

-khtml-opacity: 0.2;/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/

opacity: 0.2;/* IE9 + etc...modern browsers */

filter:alpha(opacity=20);/* IE 4-9 */

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";/*This works in IE 8 & 9 too*/

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);/*IE4-IE9*/

 

写法二：

 

　这种写法 子元素 不会继承其透明效果

background-color: rgba(51, 51,51, 0.4);  //常规

参数解释： 前3个值为 rgb颜色值,最后一个值为 透明度

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#40515151',endColorStr='#40255255'); //兼容写法

语法： 
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 
参数解释： 
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true（默认） | false 

startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。 

EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度

取值范围：
　　其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值，参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。 
　　取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。