Уласцівасць background-attachment

Уласцівасць background-attachment задае якім чынам пракручваць фонную карцінку элемента: разам з тэкстам ці тэкст будзе слізгаць па карцінцы.

Сінтаксіс

селектар {
	background-attachment: fixed | scroll | local;
}

Значэнні

Значэнне	Апісанне
`fixed`	Карцінка фону будзе нерухомай, а тэкст будзе слізгаць па ёй.
`scroll`	Карцінка фону будзе пракручвацца разам з тэкстам.
`local`	Фон фіксуецца з улікам паводзін элемента. Калі элемент мае пракрутку, то фон будзе пракручвацца разам з змесцівам, але фон, які выходзіць за межы элемента, застаецца на месцы.

Значэнне па змаўчанні: scroll.

Прыклад . Значэнне scroll

Зараз уласцівасць background-attachment ўсталявана ў значэнне scroll. Пракруціце элемент па вертыкалі - вы ўбачыце, як тэкст пракручваецца разам з фонам:

<body>
	<div id="elem">
		some long text
	</div>
</body>

body {
	background-attachment: scroll;
	background-image: url("bg.png");
}

#elem {
	width: 400px;
	margin: 0 auto;
	text-align: justify;
	font-weight: bold;
	font-size: 20px;
}

Прыклад . Значэнне fixed

А зараз уласцівасць background-attachment ўсталявана ў значэнне fixed. Пракруціце элемент па вертыкалі - вы ўбачыте, як тэкст слізгае па фоне:

<body>
	<div id="elem">
		some long text
	</div>
</body>

body {
	background-attachment: fixed;
	background-image: url("bg.png");
}

#elem {
	width: 400px;
	margin: 0 auto;
	text-align: justify;
	font-weight: bold;
	font-size: 20px;
}

Глядзіце таксама

уласцівасць background,
якое ўяўляе сабой уласцівасць-скарачэнне для фону