RGBA与半透明背景

概念

所谓RGBA颜色，就是RGB三原色加ALPHA。在给背景添加颜色的同时，提供透明度特性。

 

使用方法

background:rgba(90,90, 54, 0.5);

支持情况

Firefox 3.0.5	支持
Safari	支持
Google Chrome	支持
IE	Fuck！！！！

IE怎么办

在做弹出层遮罩的时候，我们经常用到filter:alpha(opacity=50)，这个就是解决方案吗？试试看吧。当你发现文本全部继承了半透明属性。

不得不说，IE在滤镜上还是花了很多功夫的。我们可以使用filter:progid:DXImageTransform.Microsoft.Gradient ，对，这个是渐变滤镜，但是可以实现背景透明这个滤镜有两个选项，一个是startColorStr，另外一个就是end。关于选项的值，跟RGBA很类似的，只不过从10进制改成了16进制，并且ALPHA放到了前面，

startColorStr = #00ffeedd ， 00就是透明度，剩下的就是16进制的RGB颜色。

 

实例：

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#77000000,endcolorstr=#77000000);