Background 2 images en CSS

kmenslow · 20 Novembre 2006

Bonjour,

Je suis en train de travailler sur le fond de mon site. Actuellement, j'utilise ce code dans ma feuille de style pour incorporer une image.

Code:

body{
	background: #FFFFFF repeat-y center;
	background-image: url(images/Bg.jpg);
	}

Ce code me permet de mettre une image Bg.jpg et de la répeter verticalement.

Je souhaite maintenant mettre d'abord mettre une image Head.jpg en haut de page sans répétition puis mettre l'image Bg.jpg répete verticalement.
Apres recherches sur les sites de référence sur le CSS, je n'y arrive pas et je ne sais meme pas si c'est possible.

Quelqu'un peut-il m'aider ?

samuel · 20 Novembre 2006

ont ne peu pas mettre 2 images background sur un élément et ton code serait plus lisible peu-être de cette façon :

Code:

body{
   background: #FFFFFF url(images/Bg.jpg) repeat-y center;
   }

peut-être un background sur ton H1 ou un div header ferait l'affaire... avoir dépendent de ta structure html.

kmenslow · 20 Novembre 2006

Merci samuel

bee_human · 20 Novembre 2006

Tu n'y arriveras pas rien qu'avec l'id body. Il faut que tu joues sur 2 id ou 2 class.

e-kiwi · 20 Novembre 2006

dans le genre :
<body>
<div id='site'>
<div id='haut'></div>
<div id='contenu'></div>
</div>
</body>

moktoipas · 20 Novembre 2006

avec le css 3 c'est possible (d'ailleur on peu deja le faire, ca marche sous konqueror)