background-attachment ဂုဏ်သတ္တိ

ဂုဏ်သတ္တိ background-attachment သည် အစိတ်အပိုင်း၏ နောက်ခံပုံရိပ်ကို မည်သို့လှိမ့်ရမည်ကို သတ်မှတ်ပေးသည် - စာသားနှင့်အတူလား၊ သို့မဟုတ် စာသားသည် ပုံပေါ်တွင်ပြေးသွားမလား။

ဖွဲ့စည်းပုံ

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

တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
`fixed`	နောက်ခံပုံသည် လှုပ်ရှားမှုမရှိပဲ စာသားသည် ၎င်းပေါ်တွင် ပြေးသွားမည်။
`scroll`	နောက်ခံပုံသည် စာသားနှင့်အတူ လှိမ့်သွားမည်။
`local`	နောက်ခံကို အစိတ်အပိုင်း၏ အပြုအမူကို ထည့်သွင်းစဉ်းစားကာ တည်ငြိမ်စေသည်။ အကယ်၍ အစိတ်အပိုင်းတွင် လှိမ့်နိုင်မှုရှိပါက၊ နောက်ခံသည် ပါဝင်သည့်အရာများနှင့်အတူ လှိမ့်သွားမည်၊ သို့သော် အစိတ်အပိုင်း၏ နယ်နိမိတ်ကို ကျော်လွန်ထွက်သွားသော နောက်ခံသည် နေရာတွင်ပင် ရှိနေမည်။

စံထားသည့် တန်ဖိုး - scroll.

ဥပမာ . scroll တန်ဖိုး

ယခုအခါ ဂုဏ်သတ္တိ background-attachment ကို တန်ဖိုး scroll အဖြစ် သတ်မှတ်ထားသည်။ အစိတ်အပိုင်းကို ဒေါင်လိုက်လှိမ့်ကြည့်ပါ - စာသားသည် နောက်ခံနှင့်အတူ လှိမ့်သွားပုံကို သင်မြင်ရမည် -

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

ဥပမာ . fixed တန်ဖိုး

ယခုအခါ ဂုဏ်သတ္တိ background-attachment ကို တန်ဖိုး fixed အဖြစ် သတ်မှတ်ထားသည်။ အစိတ်အပိုင်းကို ဒေါင်လိုက်လှိမ့်ကြည့်ပါ - စာသားသည် နောက်ခံပေါ်တွင် ပြေးသွားပုံကို သင်မြင်ရမည် -

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

ဤသည်ကိုလည်း ကြည့်ပါ

ဂုဏ်သတ္တိ background,
နောက်ခံအတွက် အတိုကောက် ဂုဏ်သတ္တိ တစ်ခုဖြစ်သည်