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

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

Заранее спасибо. знак равно


person Crimsonfox    schedule 01.07.2011    source источник
comment
вы не можете сделать это только с одним изображением. но вы можете попробовать поиграть с CSS-градиентом colorzilla.com/gradient-editor   -  person Luca Filosofi    schedule 01.07.2011
comment
Ах, я не имею в виду сделать это с одним изображением. 3 изображения в порядке, я просто не знал, как сделать так, чтобы самое нижнее изображение появлялось после того, которое повторяется вниз по странице.   -  person Crimsonfox    schedule 01.07.2011


Ответы (2)


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

person kinakuta    schedule 01.07.2011

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

С таким CSS:

заголовок {

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

}

содержание {

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

}

нижний колонтитул {

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

}

person Greg Hluska    schedule 01.07.2011