Mettre une opacity sur un background-image [Résolu/Fermé]
Signaler
Anouchka2586
Anouchka2586
- Messages postés
- 48
- Date d'inscription
- vendredi 10 octobre 2014
- Statut
- Membre
- Dernière intervention
- 18 août 2020
Anouchka2586
- Messages postés
- 48
- Date d'inscription
- vendredi 10 octobre 2014
- Statut
- Membre
- Dernière intervention
- 18 août 2020
A voir également:
- Background image opacity
- Css background image opacity - Meilleures réponses
- Background image opacity css - Meilleures réponses
- Mettre une opacity sur un background-image ✓ - Forum - CSS
- Css background image opacity ✓ - Forum - CSS
- Background semi-transparent ✓ - Forum - CSS
- Background transparent ? ✓ - Forum - Webmaster
- Notepad++ background image ✓ - Forum - CSS
5 réponses
Anouchka2586
- Messages postés
- 48
- Date d'inscription
- vendredi 10 octobre 2014
- Statut
- Membre
- Dernière intervention
- 18 août 2020
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; }
Anouchka2586
- Messages postés
- 48
- Date d'inscription
- vendredi 10 octobre 2014
- Statut
- Membre
- Dernière intervention
- 18 août 2020
Svp quelqu'un peut-il m'aider ? Merci
nulenmathe
- Messages postés
- 419
- Date d'inscription
- dimanche 7 septembre 2014
- Statut
- Membre
- Dernière intervention
- 31 juillet 2019
<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>
.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>
Anouchka2586
- Messages postés
- 48
- Date d'inscription
- vendredi 10 octobre 2014
- Statut
- Membre
- Dernière intervention
- 18 août 2020
ça marche merci c'est moi qui au debut entre-mélangeait les balises
nulenmathe
- Messages postés
- 419
- Date d'inscription
- dimanche 7 septembre 2014
- Statut
- Membre
- Dernière intervention
- 31 juillet 2019
faut mettre une balise parante avec le code css
background-color: rgba(0,0,255,0.3)
r red
g green
b blue
a opacity
background-color: rgba(0,0,255,0.3)
r red
g green
b blue
a opacity
nulenmathe
- Messages postés
- 419
- Date d'inscription
- dimanche 7 septembre 2014
- Statut
- Membre
- Dernière intervention
- 31 juillet 2019
il faut
<p class=parent>
<p class=enfant>
</p>
</p>
Tu met le couleur sur le parent et l'image sur l'enfant
<p class=parent>
<p class=enfant>
</p>
</p>
Tu met le couleur sur le parent et l'image sur l'enfant
Anouchka2586
- Messages postés
- 48
- Date d'inscription
- vendredi 10 octobre 2014
- Statut
- Membre
- Dernière intervention
- 18 août 2020
ça ne marche pas. j'ai essai comme ceci mais ien n'y est fait:
Voici le rendu et l'image n'apparait pas :

<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>
Voici le rendu et l'image n'apparait pas :
