Solution à l'incompatibilité de 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 le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil.

rgba() est un nouvel attribut de CSS3, donc les navigateurs IE8 et inférieurs ne sont pas compatibles. Que dois-je faire ? 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!