Svojstvo background-attachment

Svojstvo background-attachment zadaje način skrolovanja pozadinske slike elementa: zajedno sa tekstom ili će tekst kliziti po slici.

Sintaksa

selektor {
	background-attachment: fixed | scroll | local;
}

Vrednosti

Vrednost	Opis
`fixed`	Pozadinska slika će biti nepokretna, a tekst će kliziti preko nje.
`scroll`	Pozadinska slika će se skrolovati zajedno sa tekstom.
`local`	Pozadina je fiksirana u odnosu na ponašanje elementa. Ako element ima skrol, pozadina će se skrolovati zajedno sa sadržajem, ali pozadina koja izlazi izvan okvira elementa ostaje na mestu.

Podrazumevana vrednost: scroll.

Primer . Vrednost scroll

Trenutno je svojstvo background-attachment postavljeno na vrednost scroll. Skrolujte element vertikalno - videćete kako se tekst skroluje zajedno sa pozadinom:

<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;
}

Primer . Vrednost fixed

A sada je svojstvo background-attachment postavljeno na vrednost fixed. Skrolujte element vertikalno - videćete kako tekst klizi po pozadini:

<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;
}

Pogledajte takođe

svojstvo background,
koje predstavlja skraćeno svojstvo za pozadinu