Vetia background-attachment

Vetia background-attachment përcakton mënyrën se si të lëvizet foto e sfondit të elementit: së bashku me tekstin ose teksti do të rrëshqasë mbi foto.

Sintaksa

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

Vlerat

Vlera	Përshkrimi
`fixed`	Foto e sfondit do të jetë e palëvizshme, ndërsa teksti do të rrëshqasë mbi të.
`scroll`	Foto e sfondit do të lëvizë së bashku me tekstin.
`local`	Sfondi fiksohet duke marrë parasysh sjelljen e elementit. Nëse elementi ka lëvizje, atëherë sfondi do të lëvizë së bashku me përmbajtjen, por sfondi që del përtej kornizave të elementit mbetet në vend.

Vlera e paracaktuar: scroll.

Shembull . Vlera scroll

Tani vetia background-attachment është vendosur në vlerën scroll. Lëvizni elementin vertikalisht - do të shihni se si teksti lëviz së bashku me sfondin:

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

Shembull . Vlera fixed

Tani vetia background-attachment është vendosur në vlerën fixed. Lëvizni elementin vertikalisht - do të shihni se si teksti rrëshqet mbi sfondin:

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

Shihni gjithashtu

vetia background,
e cila përfaqëson një veti të shkurtuar për sfondin