La transparence des couleurs de fond en css

Avec les évolutions de css, plus besoin de créer des images en .png pour les fond transparents, il suffit d'utiliser rgba, qui est maintenant bien supporté par la plupart des navigateurs.

Il suffit d'utiliser la propriété background-color suivie de rgba, puis les valeurs rvb de la couleur voulue, et le taux de transparence.

Cela donne donc

background-color: rgba( rouge ,vert , bleu , opacité);

donc pour un blanc à 80% on aurait :

background-color: rgba(255,255,255, 0.8);

Pour être sûr de donner les bonnes infos à tous les navigateurs, on peut commencer par un fond opaque, puis la propriété avec transparence :

background-color: rgba(255,255,255, 0.8);
BLOG COMMENTS POWERED BY DISQUS