Opacity Background

Notez que cet article a été écrit pour la première fois il y a plus de 4 ans, mais n'est pas nécessairement obsolète.

Il n’y a pas de propriété d’opacité pour un background image (les couleurs ont rgba). On peut néanmoins le faire en ajoutant une div en position: absolute avec un z-index inférieur à qui on applique ce background et une opacité:

et dans le CSS:

et pour faire encore mieux, sans utiliser <div class="backGround"></div> , on utilise la pseudo-classe :after,

et le CSS:

et voilà pour le resultat:

Opacity background
Opacity background

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.