How to deal with IE8 being incompatible with rgba()

This time I will show you how to deal with IE8 being incompatible with rgba(), what are the precautions when dealing with IE8 being incompatible with rgba(), the following is a practical case, let's take a look.

rgba() is the new attribute of css3, so browsers IE8 and below are not compatible. What should I do? Finally I found the solution.

Solution

Let’s first explain the following rgba

##rgba:

The meaning of rgba, r represents red, g represents green, b represents blue, and a represents transparency.

rgba(0,0,0,.5) This represents black and the transparency is 0.5

To solve the transparency problem under IE8, you can add this sentence:

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

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

Here #7f000000,

#7f represents transparency, 000000 represents color, the following is the corresponding table of transparency:

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to use phonegap to find contacts

Detailed explanation of phonegap audio playback

The above is the detailed content of How to deal with IE8 being incompatible with rgba(). For more information, please follow other related articles on the PHP Chinese website!