Comment obtenir des arrière-plans Div transparents dans IE8 sans affecter le contenu ?

Comment définir l'opacité de l'arrière-plan d'un div dans IE 8 sans affecter les éléments contenus

Définir l'opacité de l'arrière-plan d'un div peut être délicat dans IE 8 , car la propriété d'opacité affecte à la fois l'arrière-plan et tous les éléments contenus.

Solution utilisant la couleur rgba

Une solution viable consiste à utiliser une couleur d'arrière-plan rgba, où la quatrième la valeur représente le canal alpha ou la transparence. Cette méthode ne fonctionne pas dans IE8 ou les navigateurs plus anciens, mais elle peut être implémentée avec le hack CSS3Pie.

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

Solution utilisant le dégradé de filtre IE

Une autre option est pour utiliser le style de filtre d'IE avec le mot-clé gradient. Cette technique est utilisée par CSS3Pie en coulisses, mais elle nécessite de manipuler directement les filtres d'IE :

.myelement {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80c83434', endColorstr='#80c83434');
}

Cette méthode fonctionne dans IE8 mais peut être plus complexe pour les changements d'opacité dynamiques. CSS3Pie offre une solution plus propre et plus complète.

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!