CSS background-attachment

Slyweb

Поиск CSS свойств и HTML элементов:

Все CSS свойства и HTML элементы справочника

[Свойство] background-attachment

Раздел "Фон и цвет в CSS"

Свойство background-attachment разрешает или запрещает прокрутку фонового изображения вместе с прокруткой окна. По умолчанию фоновое изображение прокручивается и не перемещается вместе с прокруткой окна браузера. Однако с помощью свойства fixed допускается перемещать фоновое изображение вместе прокруткой окна.

Значения

Значения:	scroll \| fixed \| inherit
Исходное значение:	scroll
Применяется:	ко всем элементам
Наследование:	наследуется
Процентное соотношение:	нет
Источник отображения:	визуальный, страничный

Синтаксис

background-attachment

Браузеры:

Описание

Ключевые слова

scroll	изображение перемещается вместе с перемещением страницы
fixed	изображение не перемещается вместе при перемещении страницы

В следующем примере создаётся бесконечная полоса, которая будет перемещаеться вместе с прокруткой рабочей области окна браузера (вьюпорта).

  1. BODY { 
  2.   background: red url("pendant.gif");
  3.   background-repeat: repeat-y;
  4.   background-attachment: fixed;
  5. }
  6. 
  7.

Дополнительный пример:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>Свойство background-attachment</TITLE>
  5. <STYLE type="text/css">
  6. BODY {
  7. background: #faf9e2 url("img.jpg");
  8. background-repeat: repeat-y;
  9. background-attachment: fixed;
10. margin-left:120px;
11. }
12. </STYLE>
13. </HEAD>
14. <BODY>
15. <div class="page">
16. <p>Не будет другом женщины тот, кто может быть ее любовником. 
17. Опоре де Бальзак.
18. <p>Природа наделила женщину огромной властью,
19. и нет поэтому ничего удивительного,
20. что законы эту власть ограничивают.
21. Самюэль Джонсон
22. </div>
23. </BODY>
24. </HTML>

Пример свойство background-attachment

Возможно, Вам будет интересно прочитать статьи о jQuery:

Доступ и установка с jQuery

Получить свойство backgroundAttachment: val = $("div").css("backgroundAttachment");
Установить свойство backgroundAttachment: $("div").css({"backgroundAttachment":"..."});
Установить свойство backgroundAttachment: $("div").css("backgroundAttachment","...");

"jQuery для начинающих"

CSS свойство появилось в CSS 1.0 (CSS свойства background-attachment - www.w3.org/background-attachment)

Форма для комментариев

Версия справочника CSS 1.0 Справочник CSS создан 2010-12-01

Ошибки и опечатки
Предложения и жалобы
Поддержка сайта

Александр Ермаков. Хостинг - www.pwstudio.org

1.	BODY {
2.	background: red url("pendant.gif");
3.	background-repeat: repeat-y;
4.	background-attachment: fixed;
5.	}
6.
7.

1.	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2.	<HTML>
3.	<HEAD>
4.	<TITLE>Свойство background-attachment</TITLE>
5.	<STYLE type="text/css">
6.	BODY {
7.	background: #faf9e2 url("img.jpg");
8.	background-repeat: repeat-y;
9.	background-attachment: fixed;
10.	margin-left:120px;
11.	}
12.	</STYLE>
13.	</HEAD>
14.	<BODY>
15.	<div class="page">
16.	<p>Не будет другом женщины тот, кто может быть ее любовником.
17.	Опоре де Бальзак.
18.	<p>Природа наделила женщину огромной властью,
19.	и нет поэтому ничего удивительного,
20.	что законы эту власть ограничивают.
21.	Самюэль Джонсон
22.	</div>
23.	</BODY>
24.	</HTML>

Подробный справочник CSS и HTML

Возможно, Вам будет интересно прочитать статьи о jQuery:

Доступ и установка с jQuery