2 images en fond sur sur une page web.Fermé

Question

Salut à tous,  
J'aimerais savoir comment mettre deux images en fond sur une page web.  
L'idée c'est que j'ai "image1.jpg" et "image2.jpg".  
"image1.jpg" va s'afficher en haut à gauche de la page, et "image2.jpg" va s'afficher en haut à droite.  

j'ai ce code en css :  

body  
{  
     background-image : url("image1.jpg") ;  
     background-repeat : no-repeat ;  
     background-position : top left ;  
}  

Mais si j'en fais deux dans le même fichiers, comme :  

body  
{  
     background-image : url("image1.jpg") ;  
     background-repeat : no-repeat ;  
     background-position : top left ;  

     background-image : url("image2.jpg") ;  
     background-repeat : no-repeat ;  
     background-position : top right ;  
}  

L'une des deux images ne va pas s'afficher en fond. Hors, moi, ce que je veux, c'est qu'elle s'affiche toute les deux. 

Si quelqu'un a la possibilité de m'aider le plus rapidement possible, je l'en remercie d'avance.
A bientôt.

(ps : si je ne suis pas très clair, dites le, merci encore.)  



Configuration: Windows 7 / Firefox 4.0

"Le but ce n'est pas de faire du cinéma, mais son cinéma."  
-de Albert Dupontel-

mpmp93 · Answer

Bonjour, C'est impossible en décrivant les deux images dans le css affecté à BODY. La solution c'est de créer un autre élément FOOTER en HTML5 par exemple et de mettre une image de fond à FOOTER. ....code HTML .... A+

lermite222 · Answer

Bonjour,
Le plus simple serait de fondre tes 2 images en une avec un programme de dessin.
ou bien avec du PHP
A+

2 images en fond sur <body> sur une page web.

2 réponses

Discussions similaires

Newsletters