Comment gérer l'incompatibilité d'IE8 avec rgba()

Cette fois, je vais vous montrer comment gérer l'incompatibilité d'IE8 avec rgba(), et quelles sont les précautions en cas d'incompatibilité d'IE8 avec rgba(). Voici un cas pratique, allons-y. jetez un oeil.

rgba() est le 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 */

Cette 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 :

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser Phonegap pour rechercher des contacts

Explication détaillée de la lecture audio de Phonegap

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!