Comment puis-je obtenir l'opacité d'arrière-plan RGBA dans IE8 ?

Opacité d'arrière-plan IE 8 avec RGBA

Vous essayez d'appliquer l'opacité d'arrière-plan avec RGBA à un fichier

élément utilisant le CSS suivant :

background: rgba(255, 255, 255, 0.3);

Bien que cela fonctionne parfaitement dans Firefox, IE 8 n'est pas à la hauteur. Pour remédier à cette disparité, nous devons explorer une approche différente pour obtenir l'opacité dans les anciennes versions d'Internet Explorer.

Solution : Filtre dégradé

Pour simuler les arrière-plans RGBA et HSLA dans IE, vous pouvez utiliser un filtre dégradé avec des couleurs de début et de fin identiques. Les informations du canal alpha sont codées dans la première paire de valeurs HEX :

background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

Cette solution émule avec succès l'opacité RGBA dans IE 8, garantissant une expérience visuelle cohérente dans différents navigateurs.

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!

source：php.cn

Article précédent：Comment les opérateurs \"and\" (&&) et \"or\" (||) améliorent-ils la précision et l'inclusivité du sélecteur CSS ? Article suivant：Comment puis-je définir efficacement des images d’arrière-plan en CSS à l’aide d’attributs de données ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

0

3

2054

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

0

11

2211

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

0

1

1865

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...

Depuis 2024-04-18 23:52:34

0

1

1750

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

1775

Rubriques connexes

Plus>

• Marché ondulation aujourd'hui
• Comment créer un blog
• Comment afficher deux divs côte à côte
• WeChat Moments, deux tirets et un point
• numéro de série d'installation pscs5
• Ordinateur portable avec double carte graphique
• Utilisations courantes de l'ensemble
• Quelles sont les fonctions des réseaux informatiques