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

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

ဖွဲ့စည်းပုံ

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

တန်ဖိုးများ

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

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

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

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  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 အဖြစ် သတ်မှတ်ထားသည်။ အစိတ်အပိုင်းကို ဒေါင်လိုက်လှိမ့်ကြည့်ပါ - စာသားသည် နောက်ခံပေါ်တွင် ပြေးသွားပုံကို သင်မြင်ရမည် -

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  background-attachment: fixed;
  background-image: url("bg.png");
}

#elem {
  width: 400px;
  margin: 0 auto;
  text-align: justify;
  font-weight: bold;
  font-size: 20px;
}

Результат:

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