RGBA with translucent background and RGBA with translucent background

Source: Internet
Author: User

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 );

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.