This solution perfectly solves the problem that IE8 is not compatible with rgba (), and solves the problem that ie8 is not compatible with rgba

This solution perfectly solves the problem that IE8 is not compatible with rgba (), and solves the problem that ie8 is not compatible with rgba

Rgba () is a new property of css3, so IE8 and the following browsers are not compatible. What should I do? Finally, I found a solution.

Solution

Let's first explain the following rgba

Rgba:

The meaning of rgba. r indicates red, g indicates green, B Indicates blue, and a indicates transparency.

Rgba (0.5, 0,. 5) indicates black and the transparency is.

To solve the transparency problem in IE8, you can add the following sentence:

Filter: progid: DXImageTransform. Microsoft. gradient (startColorstr = #7f000000, endColorstr = #7f000000);/* IE8 support */
 

This sentence is used for gradient, but there is no gradient effect here, So startColorstr and endColorstr are set to the same color.

Here #7f000000 ,#7fTransparency,000000Color. The following table shows the transparency:

The above Article perfectly solves the problem of incompatibility with rgba () in IE8, which is all the content shared by Alibaba Cloud. I hope to give you a reference, and I hope you can also provide more support for helping customers.