Positionnement CSS de l'image de fond

Question

html { 
    background: #9c9c9c url(../images/bg-bottom.jpg) center top; 
} 
body { 
    border-top:2px solid #fecd2a; 
    background:#9c9c9c url(../images/bg.jpg) repeat-x center bottom; 
} 

J'ai besoin de bg.jpg qui est le grand fond avec le gradiant noir en haut, pour être en haut et pour le bg-bottom.jpg à répéter en bas. Comment cela se passe-t-il que ça ne marche pas, est-ce qu'il y a un moyen plus facile? En dehors de créer une longue image.

http://fluroltd.com/clients/harveys/latest-news/

Answer 1

On dirait que vous avez besoin pour passer autour de votre positionnement et utiliser un fond transparent pour la balise body:.

html { 
    background: #9c9c9c url(../images/bg-bottom.jpg) center bottom 
} 

body { 
    border-top:2px solid #fecd2a; 
    background: transparent url(../images/bg.jpg) repeat-x center top; 
} 

Answer 2

Votre CSS sur le body devrait être

background: url("../images/bg.jpg") repeat-x scroll #9C9C9C; 

Je ne pense pas que l'ajout d'un fond à votre balise HTML va vous mènera nulle part. Si j'étais vous je ferais juste une image très longue et étroite qui ne sera probablement pas dépassée par la longueur de votre page. Vous ne pouvez pas avoir plusieurs BG sans utiliser CSS3, ce que personnellement je ne recommanderais pas.