50% background + gradient

Question

Je souhaite ajouter un arrière-plan dégradé à ma page Web (la zone marquée d'une bordure jaune représente le contenu réel affiché) et je souhaite qu'elle ne prenne que la moitié de la page (le bas part): alt text http://img14.imageshack.us/img14/8453/50gradientbackground.png

Je crois que cela est possible avec CSS, mais jusqu'à présent, j'ai seulement réussi à obtenir un fond dégradé (en prenant toute la hauteur de la page).

Merci beaucoup d'avance!

Answer 1

C'est la solution que j'ai réussi à travailler par la suite:

background: url('IMAGE-URL') bottom repeat-x; 

Answer 2

Vous pouvez le faire avec quelque chose comme ceci:

#background { 
background: url('GRADIENT-IMAGE-URL') 50% center THE-KIND-OF-REPEAT; 
height: THE-HEIGHT; 
width: THE-WIDTH; 
} 

50% signifie ici que l'image de fond sera positionné 50% par rapport au haut.