Maison > interface Web > tutoriel CSS > le corps du texte

Comment maintenir l'opacité des arrière-plans Div dans IE8 ?

Patricia Arquette
Libérer: 2024-11-08 20:54:02
original
686 Les gens l'ont consulté

How to Maintain Opacity in Div Backgrounds in IE8?

Comment maintenir l'opacité de l'arrière-plan d'un div lors de l'utilisation d'IE 8 ?

Dans Internet Explorer 8, l'ajustement de l'opacité de l'arrière-plan d'un div peut affecter les éléments qu'il contient.

Solution : utilisez rgba() Color

Pour résoudre ce problème, définissez la couleur d'arrière-plan en utilisant la fonction rgba() :

.myelement {
    background: rgba(200, 54, 54, 0.5);
}
Copier après la connexion

La quatrième valeur de rgba() représente le canal alpha, contrôlant l'opacité.

Compatibilité IE8 avec CSS3Pie

Malheureusement, rgba( ) n'est pas pris en charge dans IE8. Pour l'activer, utilisez CSS3Pie :

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}
Copier après la connexion

Alternative : option de filtre IE

Alternativement, la propriété de filtre d'IE avec le mot-clé gradient peut obtenir un effet similaire :

.myelement {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33c8348a, endColorstr=#33c8348a);
}
Copier après la connexion

Bien que rgba() avec CSS3Pie soit recommandé pour des feuilles de style plus propres, l'approche de filtrage reste viable.

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
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal