La transparence en css
La propriété opacity
La propriété opacity permet de rendre un élément (et tous ses descendant) transparent. L'élément devient complètement invisible avec une valeurs de 0, totalement opaque avec un 1.
Il n'est supporté que depuis Internet Explorer 9. Sur les versions plus anciennes d'IE, on peut utiliser un filtre.
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
/* IE 5-7 */
filter: alpha(opacity=90);
Cette propriété peut être utile dans certains cas, comme l'application d'un masque sur un autre élément, rendre un élément semi-transparent puis le rendre plus visible au survol,...
La problème est que l'on voudrait souvent ne donner un effet de transparence qu'à l'arrière-plan et garder les textes complètement opaque ce qui est malheureusement actuellement irréalisable avec la propriété opacity.
La valeur de couleur rgba
Css3 permet d'écrire une couleur au format rgba. Cette dernière se présente comme la couleur rgb, avec, l'ajout de la couche alpha pour la transparence:
pour un fond noir mi-transparent.
Editer