Mettre une opacity sur un background-image » Meilleures réponses Image en arrière plan sur une page html ✓ résolu » Forum - HTML Problème CSS background-image ✓ résolu » Forum - CSS [css] background image ✓ résolu » Forum - CSS Background image HTML ✓ résolu » Forum - HTML Background-image qui ne marche pas ✓ résolu » Forum - CSS
Bonjour,
Svp comment mettre une couleur en opacity sur un background ?
J'ai par exemple :
<!-- Section 1 -->
<section class="section_one">
</section>
.section_one{
background-image: url('img/post-bg.jpg');
} Mettre une opacity sur un background-image » Meilleures réponses Image en arrière plan sur une page html ✓ résolu » Forum - HTML Problème CSS background-image ✓ résolu » Forum - CSS [css] background image ✓ résolu » Forum - CSS Background image HTML ✓ résolu » Forum - HTML Background-image qui ne marche pas ✓ résolu » Forum - CSS
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; }
Reply
il faut
<p class=parent>
<p class=enfant>
</p>
</p>
Tu met le couleur sur le parent et l'image sur l'enfant
ça ne marche pas. j'ai essai comme ceci mais ien n'y est fait:
<div class="row parent" style="background-color:red; opacity: 0.1;"> <div class="enfant" style="background-image: url('img/bloc1.png'); background-repeat: no-repeat; background-size: 100% auto; height: 598px;"> </div> </div> 
Svp quelqu'un peut-il m'aider ? Merci
Reply<style>
.parent
{
width: 100%;
height: 100%;
background: url("ton image");
}
.enfant
{
width: 100%;
height: 100%;
background: rgba(0, 0, 255, 0.3);
}
</style>
<div class="parent">
<div class="enfant">
</div>
</div>
ça marche merci c'est moi qui au debut entre-mélangeait les balises
Reply
Marsh
NOVEMBER 9, 2013 AT 9:15 PM
faut mettre une balise parante avec le code css
Replybackground-color: rgba(0,0,255,0.3)
r red
g green
b blue
a opacity