A background-attachment tulajdonság

A background-attachment tulajdonság meghatározza, hogyan görgetődjön az elem háttérképe: a szöveggel együtt, vagy a szöveg csusszon a kép fölött.

Szintaxis

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

Értékek

Érték	Leírás
`fixed`	A háttérkép rögzített marad, a szöveg fog átcsorogni felette.
`scroll`	A háttérkép a szöveggel együtt görgetődik.
`local`	A háttér az elem viselkedéséhez igazodva rögzül. Ha az elemnek van görgetése, akkor a háttér a tartalommal együtt görgetődik, de az elemen kívülre eső háttér a helyén marad.

Alapértelmezett érték: scroll.

Példa . A scroll érték

Jelenleg a background-attachment tulajdonság a scroll értékre van állítva. Görgesse az elemet függőlegesen - láthatja, hogy a szöveg a háttérrel együtt görgetődik:

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

Példa . A fixed érték

Most pedig a background-attachment tulajdonság a fixed értékre van állítva. Görgesse az elemet függőlegesen - láthatja, hogy a szöveg csusszan a háttér fölött:

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

Lásd még

a background tulajdonság,
amely a háttérre vonatkozó rövidített tulajdonság