Как мне создать фон, который фактически имеет заголовок, тело и нижний колонтитул? Верхний и нижний колонтитулы не должны повторяться вниз по странице, только по горизонтали, но средний раздел тела будет зависеть от того, насколько велик основной элемент содержимого, поэтому он должен повторяться по вертикали, но я не уверен, как получить нижний колонтитул в конце.
Заранее спасибо. знак равно
Ответ 1 · рейтинг 1 · kinakuta
Вам либо придется использовать несколько фоновых изображений (css3, так что никаких предварительных -IE9) или разбить его как минимум на два элемента уровня блока, каждый из которых применяет свое собственное фоновое изображение - очень длинное изображение, которое вы повторяете по горизонтали (должно быть длиннее, чем любой возможный ожидаемый контент может увеличиваться по вертикали).
Ответ 2 · Greg Hluska
Я думаю, что, возможно, неправильно понял вопрос, но вы пробовали что-то подобное?
С таким 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;
}