Sifa ya background-attachment

Sifa background-attachment huweka jinsi ya kusukuma picha ya msingi ya kipengele: pamoja na maandishi au maandishi yatakavyo telemka juu ya picha.

Kiaskari

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

Thamani

Thamani	Maelezo
`fixed`	Picha ya msingi itabaki isiwe na mwendo, na maandishi yatakatelemka juu yake.
`scroll`	Picha ya msingi itasukumwa pamoja na maandishi.
`local`	Msingi umeshikamana kwa kuzingatia tabia ya kipengele. Ikiwa kipengele kina usukuma, basi msingi utasukumwa pamoja na yaliyomo, lakini msingi unaozidi mipaka ya kipengele unabaki mahali pake.

Thamani chaguomsingi: scroll.

Mfano . Thamani scroll

Kwa sasa sifa background-attachment imewekwa kuwa na thamani scroll. Sukuma kipengele kwa wima - utaona jinsi maandishi yanavyosukumwa pamoja na msingi:

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

Mfano . Thamani fixed

Na sasa sifa background-attachment imewekwa kuwa na thamani fixed. Sukuma kipengele kwa wima - utaona jinsi maandishi yanavyotelemka juu ya msingi:

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

Angalia pia

sifa background,
inayowakilisha sifa ya kifupi kwa msingi