Свойства CSS
background-attachment
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
Краткая информация
| CSS | CSS1 |
|---|---|
| Значение по умолчанию | scroll |
| Наследуется | Нет |
| Применяется | Ко всем элементам |
| Аналог HTML | <body background="URL" bgproperties="fixed"> |
| Ссылка на спецификацию | http://www.w3.org/TR/REC-CSS2/colors.php#propdef-background-attachment |
Описание
Параметр background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
Синтаксис
background-attachment: fixed | scroll
Аргументы
Значение fixed делает фоновое изображение элемента неподвижным, scroll — позволяет перемещаться фону вместе с содержимым.
Пример
<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.gif'); /* Путь к фоновому изображению */
background-attachment: fixed; /* Фиксируем фон веб-страницы */
}
</style>
</head>
<body>
<table>
<tr>
<td style="height:2000px">
</td>
</tr>
</table>
</html>
Объектная модель
[window.]document.getElementById("elementID").style.backgroundAttachment
Замечание
Если фон устанавливается для слоя, то в браузере Opera и Firefox параметр background-attachment не действует, фоновый рисунок остается фиксированным, независимо от значения.