Egenskapen background-attachment

Egenskapen background-attachment angir hvordan bakgrunnsbildet til elementet skal rulle: sammen med teksten eller om teksten skal gli over bildet.

Syntaks

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

Verdier

Verdi	Beskrivelse
`fixed`	Bakgrunnsbildet vil være stasjonært, og teksten vil gli over det.
`scroll`	Bakgrunnsbildet vil rulle sammen med teksten.
`local`	Bakgrunnen festes med hensyn til elementets oppførsel. Hvis elementet har scrolling, vil bakgrunnen rulle sammen med innholdet, men bakgrunnen som går utover elementets rammer forblir på plass.

Standardverdi: scroll.

Eksempel . Verdien scroll

Nå er egenskapen background-attachment satt til verdien scroll. Rull elementet vertikalt - du vil se hvordan teksten ruller sammen med bakgrunnen:

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

Eksempel . Verdien fixed

Og nå er egenskapen background-attachment satt til verdien fixed. Rull elementet vertikalt - du vil se hvordan teksten glir over bakgrunnen:

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

Se også

egenskapen background,
som er en snarveisegenskap for bakgrunn