50% фон + градиент

Question

Я хочу добавить градиентный фон на мою веб-страницу (область, отмеченная желтой рамкой, где отображается фактическое содержимое), и я хочу, чтобы он занимал только половину страницы (нижняя часть): alt text http://img14.imageshack.us/img14/8453/50gradientbackground.png

Я считаю, что это возможно с помощью CSS, но до сих пор мне удалось получить только градиентный фон (принимая всю высоту страницы).

Большое спасибо зазаранее!

Answer 1

Это решение, которое мне удалось со временем выработать:

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

Answer 2

Вы можете сделать это примерно так:

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

50% здесь означает, что фоновое изображение будет располагаться на 50% от top .