Mettre 2 images distinctes en fond dans un div

Bonjour,

j'aimerais savoir s'il y a une astuce pour mettre deux images de fond l'une sur l'autre mais indépendantes sur un élément de typa bloc (un <div> par exemple).

D'avance merci beaucoup...
Modifié par fodjio (02 Jun 2006 - 15:43)

Bonjour,

Tu en met une en fond de ton div gràce à la fonction background dans ta feuille CSS (en réglant son placement si besoin est). Il te reste à traiter l'autre comme une simple image intégrée dans ton code html, à laquelle tu donne un attribut de positionnement dans ta CSS. Et le tour est joué.

Salut ou bien tu peux aussi faire deux div

un premier div avec ton background et un deuxieme div avec aussi un background... le deuxieme div aurat donc le background au dessus du background de ton premier div

<div id="1">
  <div id="2">ici le contenu que tu veux ajouter</div>
</div>

code css :

#1 {
  background: url("image1.png");
}

#2 {
  background: url("image2.png");
}

Cordialement,

Même si, bien sûr, l'imbrication excessive des blocs est à éviter autant que possible.