Lastnost background-attachment

Lastnost background-attachment določa, kako se drsi ozadjska slika elementa: skupaj z besedilom ali bo besedilo drselo po sliki.

Sintaksa

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

Vrednosti

Vrednost	Opis
`fixed`	Slika ozadja bo negibna, besedilo pa bo drselo po njej.
`scroll`	Slika ozadja se bo drsala skupaj z besedilom.
`local`	Ozadje je fiksirano glede na obnašanje elementa. Če ima element drsenje, se bo ozadje drsalo skupaj z vsebino, vendar ozadje, ki preseže okvirje elementa, ostane na mestu.

Privzeta vrednost: scroll.

Primer . Vrednost scroll

Trenutno je lastnost background-attachment nastavljena na vrednost scroll. Drsnite element navpično - videli boste, kako se besedilo drsi skupaj z ozadjem:

<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

Zdaj je lastnost background-attachment nastavljena na vrednost fixed. Drsnite element navpično - videli boste, kako besedilo drsi po ozadju:

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

Glejte tudi

lastnost background,
ki je okrajšava za ozadje