Rgba and translucent Backgrounds

Concept

The so-called Rgba color, is RGB three primary colors plus alpha. Provides transparency characteristics while adding color to the background.

How to use

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

Support Situation

firefox 3.0.5	Supports
safari	support
google Chrome	support
ie	fuck!!!!

What about IE

When we do a pop-up mask, we often use Filter:alpha (opacity=50), is this the solution? Try it. When you find that the text all inherits the translucent attribute.

I have to say, ie has spent a lot of effort on the filter. We can use Filter:progid:DXImageTransform.Microsoft.Gradient, yes, this is a gradient filter, but you can achieve the background transparency this filter has two options, one is StartColorStr, The other one is end. The value of the option, similar to Rgba, is only changed from 10 to 16, and Alpha is in front,

StartColorStr = #00ffeedd, 00 is transparency, and the remaining is the RGB color of the 16 binary.

Instance:

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

Rgba and translucent Backgrounds