Sujet Précédent Sujet Suivant

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

Réponse 1 / 5
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

Discussions similaires

Background semi-transparent
PeterJackson17 -
PeterJackson17 -

4 réponses
CSS background / transparence
dallap -
atango -

12 réponses
Remplacer une image par une autre uniquement avec le CSS
Mero -
Mero -

2 réponses
Mettre mon loader seulement pour charger ma page
arcadenaker -
arcadenaker -

4 réponses
adapter la largeur d'une image à la taille de l'écran
philippef -
Learn-iT -

5 réponses
Ma feuille de style CSS ne s'applique pas ...
akelato -
akelato -

4 réponses