Eienskap background-attachment

Die eienskap background-attachment spesifiseer hoe om die agtergrondprent van 'n element te rol: saam met die teks of dat die teks oor die prent sal gly.

Sintaksis

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

Waardes

Waarde	Beskrywing
`fixed`	Die agtergrondprent sal onbeweeglik wees, en die teks sal daaroor gly.
`scroll`	Die agtergrondprent sal saam met die teks rol.
`local`	Die agtergrond word gefikseer met inagneming van die element se gedrag. As die element 'n rolfunksie het, dan sal die agtergrond saam met die inhoud rol, maar die agtergrond wat buite die element se grense uitsteek, bly in plek.

Standaardwaarde: scroll.

Voorbeeld . Waarde scroll

Tans is die eienskap background-attachment gestel op die waarde scroll. Rol die element vertikaal - jy sal sien hoe die teks saam met die agtergrond rol:

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

Voorbeeld . Waarde fixed

En nou is die eienskap background-attachment gestel op die waarde fixed. Rol die element vertikaal - jy sal sien hoe die teks oor die agtergrond gly:

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

Sien ook

die eienskap background,
wat 'n kortkode-eienskap vir die agtergrond is