Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: CrimsonfoxОтветов: 2

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

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

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

htmlcssbackgroundbackground-image

Ответы

Ответ 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;

}

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы