Фоновое изображение, которое повторяется до динамической длины с фиксированным изображением нижнего колонтитула

Question

Как бы мне создать фон, который имеет, по сути, верхний и нижний колонтитулы?Верхний и нижний колонтитулы не нужно будет повторять вниз по странице, только по горизонтали, но средняя часть тела будет зависеть от того, насколько велика основная часть содержимого, поэтому она должна повторяться по вертикали, но я не уверен, как получить нижний колонтитулв конце.

Заранее спасибо.=)

Answer 1

Вам придется либо использовать несколько фоновых изображений (css3, поэтому поддержка до IE9 не поддерживается), либо разбить его как минимум на два элемента уровня блока, каждый из которых применяет свое собственное фоновое изображениедействительно длинное изображение, которое вы повторяете по горизонтали (должно быть длиннее, чем любой ожидаемый контент может увеличить контент по вертикали).

Answer 2

Я думаю, что я, возможно, неправильно понял вопрос, но вы пробовали что-то вроде этого?

С CSS, как это:

header {

 height: 100px;
 background: #ffffff url('background1.png') repeat-x;

}

content {

 backgroundL #0000ff url('background2.png') repeat-x;

}

footer {

 height: 100px;
 background: #ffffff url ('background3.png') repeat-x;

}