Comment maintenir l’opacité des arrière-plans Div dans 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);
}

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);
}

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);
}

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!