Веб-графика наше всё


Фиксация фона

Дата:  23.11.10 | Раздел: Начинающему веб-мастеру

Как зафиксировать фон сайта, чтобы он оставался на месте и не прокручивался вместе с сайтом?
Откроем файл CSS (style.css) и скорее всего в самом верху списка найдём что-то вроде:

body {
    background-color: #CCCCCC;
    background-image: url(images/78.jpg);
}

Далее допишем background-attachment: fixed; и получится так

body {
    background-color: #CCCCCC;            /*цвет фона*/
    background-image: url(images/78.jpg);   /*фоновое изображение*/
    background-attachment: fixed;           /*фиксация фонового изображения*/
}

Всё, фон сайта теперь не двигается.

Cтатья опубликована на сайте "Территория Веб графики и фонов":
http://webgraphica.ru

Адрес статьи:
http://webgraphica.ru/modules/myarticles/article_storyid_58.html