Как зафиксировать фон?

Иногда замысел дизайнера требует, чтобы фоновое изображение оставалось неподвижным при прокрутке посетителем содержимого страницы. Это можно сделать, изменив с помощью инструкций языка CSS (Cascading Style Sheets - «каскадные таблицы стилей») используемую по умолчанию установку поведения фона.

Инструкция

Добавьте в веб-документ описание стилей для блока body, содержащее свойство background-attachment со значением fixed, и фон страницы будет оставаться неподвижным при прокрутке документа. Этот способ фиксации фона будет работать во всех браузерах, поддерживающих любой из ныне действующих CSS-стандартов, начиная с версии 1.0. Кроме значения fixed, для этого свойства стандартами предусмотрены еще два варианта - scroll и inherit. Если в описаниях стилей документа не указано никакого значения для background-attachment, то по умолчанию считается, что оно установлено в scroll. В этом случае фон будет перемещаться вместе с прокруткой содержимого страницы. Значение inherit указывает, что для свойства background-attachment этого элемента должно быть использовано то же самое значение, что и для его родительского элемента.

Дополните тег нужной страницы атрибутом style и поместите в него описание стилей, фиксирующее фон. Например, это может выглядеть так:.Можно здесь же указать и адрес фонового изображения:.Адрес и название картинки (img/pic.gif) замените вашими собственными значениями. Такой способ удобен тем, что требует наименьших изменений в коде страницы, однако чаще описание стилей выносят в отдельный блок в заголовочной части документа или даже в отдельный файл.

Если хотите использовать отдельный CSS-блок с инструкциями для фиксации фона страницы, то поместите перед тегом исходного кода, например, такие строки:

BODY {background: url(img/pic.gif) fixed;}

.Не забудьте указать правильное имя и адрес фонового изображения вместо img/pic.gif.

Оцените статью!