Свойство BACKGROUND-ATTACHMENT

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS1
Значение по умолчанию scroll
Наследование Нет
Применяется Ко всем элементам
Аналог HTML <body background="URL" bgproperties="fixed">
Ссылка на спецификацию http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-attachment

Описание

Данным параметром задается поведение фоновой картики при прокручивании контента: картинка двигается вместе с контентом страницы или нет. В последнем случае картинка как бы "прилипает" к странице и не перемещается при прокрут с контентом.

Синтаксис

Аргументы

Значение fixed делает фоновое изображение элемента неподвижным, scroll - позволяет перемещаться фону вместе с содержимым.

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-attachment</title>
<style type="text/css">
BODY {
 background-image: url("/images/sample.jpg"); /* Путь к фоновому изображению */
 background-attachment: fixed; /* Фиксируем фон web-страницы */
}
</style>
</head>
<body>

<table>
<tr>
<td style="height:444px">
&nbsp;
</td>
</tr>
</table>

</body>
</html>

Объектная модель

[window.]document.getElementById("elementID").style.backgroundAttachment

Замечание

Если фон устанавливается для слоя, то в браузере Opera и Firefox параметр background-attachment не действует, фоновое изображение остается фиксированным, независимо от значения.


Комментарий