css背景透明的方法

css样式设计中透明度设计的几种方法：

1.opacity 这个是我们最经常用到的，也是通常会在第一时间会想到使用的

filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5; 

注意点：1.取值范围（0~1）

　　　　2.opacity设置的透明度会对后代元素产生影响，后代元素也会变为透明，一般用于调整图片或者模块的整体不透明度

2.css3中的rgba;若要只针对当前元素（模块）具有透明度，例如背景透明而文字不透明，我们一般使用此类方法；

所谓RGBA颜色，顾名思意就是R+G+B+A的颜色，再具体点就是red+green+blue+alpha的颜色，翻译一下就是红+绿+蓝+Alpha透明的颜色。

用法：

background:rgba(200,19,250,0.4) // IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 

注意：Alpha取值范围为（0-1），表示透明度

但是，对于CSS3中的语法，IE低版本有可能不会兼容

解决办法：

background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

　　filter是IE自带的解决透明度的问题