Июл 10

Неподвижный фон при прокрутке страницы

css Комментировать

Постовой: Скачать на халяву
скрипт форума
строительные вагончики бытовки

Проблема: сделать неподвижный фон при использовании вертикальной прокрутки.
Решение: воспользуемся таким css свойcтвом, как background-attachment: fixed.

В общем виде получаем такой код:

PLAIN TEXT
CSS:
  1. body{
  2. background-attachment: fixed;
  3. background-color: #009900;
  4. background-image: url(../img/bodyBack.jpg);
  5. background-repeat: no-repeat;
  6. background-position: center top;
  7. }

или в сокращенном виде

PLAIN TEXT
CSS:
  1. body{
  2. background: #000000 url(../img/bodyBack.jpg) no-repeat fixed center top;
  3. }

Похожие публикации

Есть одно мнение на “Неподвижный фон при прокрутке страницы”

  1. Автор:mr-wolf
    24 мая, 2010 в 4:44

    Спасибо за статью, только у меня фон не размещается на всю страничку, а только на свой размер. :cry:

    Если кому нужно, здесь – http://evgeniybolgov.com/view_post.php?id=39 нашел более подробное описание, как сделать, чтоб фон был на всю страничку.

Оставить ответ