概念
所谓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);