RGBA with translucent background and RGBA with translucent background
Concept
The so-called RGBA color is RGB three primary colors plus ALPHA. While adding colors to the background, the transparency feature is also provided.
Usage
Background: rgba (90, 90, 54, 0.5 );
Support
Firefox 3.0.5 |
Supported |
Safari |
Supported |
Google Chrome |
Supported |
IE |
Fuck !!!! |
What should I do with IE?
Filter: alpha (opacity = 50) is often used in the pop-up layer mask. Is this the solution? Try it. When you find that all texts inherit the translucent attribute.
I have to say that IE has spent a lot of effort on the filter. We can use filter: progid: DXImageTransform. Microsoft. Gradient, right. This is a Gradient filter, but there are two options for achieving background transparency: startColorStr and end. The value of the option is similar to that of RGBA, except that it is changed from 10 to 16, and ALPHA is put in front,
StartColorStr = #00 ffeedd, 00 is transparency, and the rest is the hexadecimal RGB color.
Instance:
Filter: progid: DXImageTransform. Microsoft. gradient (startcolorstr = #77000000, endcolorstr = #77000000 );