Mettre une opacity sur un background-image

Résolu/Fermé
Anouchka2586
Messages postés
51
Date d'inscription
vendredi 10 octobre 2014
Statut
Membre
Dernière intervention
20 mars 2022
- 6 juil. 2018 à 00:06
Anouchka2586
Messages postés
51
Date d'inscription
vendredi 10 octobre 2014
Statut
Membre
Dernière intervention
20 mars 2022
- 11 juil. 2018 à 15:45
Bonjour,

Svp comment mettre une couleur en opacity sur un background ?
J'ai par exemple :
 <!-- Section 1 -->
<section class="section_one">
</section>


et le syle.css:
.section_one{
background-image: url('img/post-bg.jpg');
}


J'aimerais mettre une couleur bleue en opacity de 0.3 par exemple. Comment puis-je le faire ?
Merci
A voir également:

5 réponses

Anouchka2586
Messages postés
51
Date d'inscription
vendredi 10 octobre 2014
Statut
Membre
Dernière intervention
20 mars 2022
7
6 juil. 2018 à 00:41
J'ai fait ceci et ça ne change rien:
.section_one{
  background-image: url('img/post-bg.jpg');
  background-color: rgba(0,0,255,0.3) 
  border: 3px solid red;
}
4