Explication détaillée de la façon de gérer l'incompatibilité d'IE8 avec rgba()

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 :

[Recommandations associées]

1. Tutoriel vidéo gratuit HTML5

2. Explication détaillée du code de la fonction de recherche de contacts de Phonegap .

3. Explication détaillée du code pour phonegap pour terminer les fonctions de clonage et de suppression des contacts

4 phonegap écoute d'autres événements après l'événement Deviceready. est déclenché

5 Explication détaillée d'un exemple de saut de page et de transfert de valeur

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!