Comment résoudre le problème d'incompatibilité avec rgba() sous IE8

L'éditeur suivant vous proposera un article qui résout parfaitement le problème d'incompatibilité avec rgba() sous IE8. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil.

rgba() est un nouvel attribut de CSS3 , donc les navigateurs IE8 et inférieurs ne sont pas compatibles. Finalement j'ai trouvé la solution.

Solution

Expliquons d'abord le rgba suivant

rgba :

La signification de rgba, r signifie rouge, g signifie vert, b signifie bleu et a signifie transparence.

rgba(0,0,0,.5) Cela représente le noir et la transparence est de 0,5

Pour résoudre le problème de transparence sous IE8, vous pouvez ajouter cette phrase :

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

Ceci La phrase était à l'origine utilisée pour le dégradé, mais il n'y a pas d'effet de dégradé ici, donc startColorstr et endColorstr sont définis sur la même couleur.

Le #7f000000 ici, # 7f représente la transparence, 000000 représente la couleur, voici le tableau de transparence correspondant :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!