Ciri background-attachment

Ciri background-attachment menetapkan cara untuk menatal imej latar belakang elemen: bersama-sama dengan teks atau teks akan meluncur di atas imej.

Sintaks

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

Nilai

Nilai	Keterangan
`fixed`	Imej latar belakang akan tetap (tidak bergerak), manakala teks akan meluncur di atasnya.
`scroll`	Imej latar belakang akan menatal bersama-sama dengan teks.
`local`	Latar belakang ditetapkan dengan mengambil kira tingkah laku elemen. Jika elemen mempunyai penatalan, maka latar belakang akan menatal bersama-sama dengan kandungan, tetapi latar belakang yang keluar dari sempadan elemen kekal di tempatnya.

Nilai lalai: scroll.

Contoh . Nilai scroll

Sekarang ciri background-attachment ditentukan kepada nilai scroll. Tatal elemen secara menegak - anda akan melihat bagaimana teks menatal bersama-sama dengan latar belakang:

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

Contoh . Nilai fixed

Sekarang ciri background-attachment ditentukan kepada nilai fixed. Tatal elemen secara menegak - anda akan melihat bagaimana teks meluncur di atas latar belakang:

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

Lihat juga

ciri background,
yang merupakan ciri singkatan untuk latar belakang