Html Background-color dans une <div> qui possede une image.
informatiqua
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
Alainpre Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
Alainpre Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Est-il possible de mettre un background-color dans une <div> qui possede une image ?
Mon but est de mettre un background-image sur ma page entiere et mettre une div principal par dessus avec fond blanc pour mettre une image avec du texte dans la div.
Mon image recoit bien les effets css mais pas ma div-global..
Je remplace mon image par un <h1> et ma div recoit l'effet background..
voici mon code:
html:
<body>
<div class="div-global">
<div> <img class="img-rep-ass" src="img/rep-ass.png"> </div>
</div>
</body>
css:
body{background-color: blue;}
.div-global{width: 100%;
background-color: white;}
.img-rep-ass{position: absolute;
top: 10%;
left: 10%;}
Est-il possible de mettre un background-color dans une <div> qui possede une image ?
Mon but est de mettre un background-image sur ma page entiere et mettre une div principal par dessus avec fond blanc pour mettre une image avec du texte dans la div.
Mon image recoit bien les effets css mais pas ma div-global..
Je remplace mon image par un <h1> et ma div recoit l'effet background..
voici mon code:
html:
<body>
<div class="div-global">
<div> <img class="img-rep-ass" src="img/rep-ass.png"> </div>
</div>
</body>
css:
body{background-color: blue;}
.div-global{width: 100%;
background-color: white;}
.img-rep-ass{position: absolute;
top: 10%;
left: 10%;}
A voir également:
- Html Background-color dans une <div> qui possede une image.
- Légender une image - Guide
- Créer une image iso - Guide
- Editeur html - Télécharger - HTML
- Transformer une image en icone - Guide
- Rechercher une image - Guide
1 réponse
La question est un peu ancienne mais bon.
Il n'est pas nécessaire d'imbriquer une couleur de fond et une image.
La propriété background peut accepter les deux en une seule fois :
Bien sûr on ne verra la couleur de fond que dans les parties transparentes de l'image.
Voir ici pour des exemples : http://stylescss.free.fr/v2-properties/background.php
Il n'est pas nécessaire d'imbriquer une couleur de fond et une image.
La propriété background peut accepter les deux en une seule fois :
background: url('...') couleur
Bien sûr on ne verra la couleur de fond que dans les parties transparentes de l'image.
Voir ici pour des exemples : http://stylescss.free.fr/v2-properties/background.php