RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
rgba（)里的值的介绍：
R：红色值。正整数 （0~255）
G：绿色值。正整数 （0~255）
B：蓝色值。正整数（0~255）
A：透明度。取值0~1之间
rgba()只是单纯的可以设置颜色透明度，这样在页面的布局中有很多应用。比如说：让背景出现透明效果，但上面的文字不透明。
使用CSS的Chroma滤镜可以把字体颜色设置为透明样式。
<style type="text/css">
<!--
body{background-color:#999999}
/*滤镜中设置的颜色要和字体的颜色相同*/
#tm{color:#FF0000filter:chroma(color=#FF0000)
}
-->
</style>
将Chroma滤镜的颜色和字体的颜色设置为相同时，不论网页的背景颜色如何设置，字体的颜色都会显示为透明。
在浏览器中查看使用CSS滤镜把字体的颜色设置为透明的显示效果。如下图所示：
div1有透明度，div2里面的字体会继承这个透明度，所以字体颜色淡。解决：
1.
你要把div2从div1里面移出来，不成为div的子元素，然后用定位放到div1上面
2.
不移出来，div1不设置透明度，改用半透明的png图片做背景，低版本ie不支持png背景透明，你需要另外找点小技巧使其透明
3.
div1背景色用css3的RGBA颜色来设置，这个RGBA的透明度子级不会继承，可惜ie低版本不支持
