La transparence en css

A savoir:

La transparence avec "opacity"

Si on applique la propriété css "opacity" pour jouer sur la transparence d'un élément, les éléments enfants de ce dernier seront également touchés par la transparence:

background-color: #F77600;
opacity: 1
l'opacité est nulle, le texte est bien visible

background-color: #F77600;
opacity: 0.6
le texte paraît gris, en réalité il est toujours noir mais avec de la transparence

background-color: #F77600;
opacity: 0.3
et ainsi de suite

background-color: #F77600;
opacity: 0.1
jusqu'à ne plus rien y voir

...continuer la lecture de La transparence en css