Solution to Internet Explorer 8 incompatibility with rgba (), ie8rgba

Solution to Internet Explorer 8 incompatibility with rgba (), ie8rgba

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: