Html Background-color dans une <div> qui possede une image.

Fermé
informatiqua Messages postés 1 Date d'inscription dimanche 10 novembre 2019 Statut Membre Dernière intervention 10 novembre 2019 - 10 nov. 2019 à 03:54
Alainpre Messages postés 5 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 25 décembre 2019 - 25 déc. 2019 à 18:59
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%;}
A voir également:

1 réponse

Alainpre Messages postés 5 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 25 décembre 2019 2
25 déc. 2019 à 18:59
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 :

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
0