CSS background-position ဗဟိုမှာ

定义和用法

background-position 属性设置背景图像的起始位置。

这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。

အကြောင်းအရာ:background-attachment အခြေခံ အသုံးfixed" အား ထိုးရန် လိုအပ်သည်

အခြား အသိပေး

CSS ပညာစက်တင်ချက် နိုင်ငံခြား ပြည်ထောင်စု

CSS ခေါ်ဝေါ်background-image အခြေခံ

HTML DOM ခေါ်ဝေါ်backgroundPosition အခြေခံ

အမှတ်အသား

ပုံ အခြေခံ ပုံများ ကို တည်ထား ရန် ဘာကြောင့်

body
{ 
background-image:url('bgimage.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

ကျွန်တော် ကို ဖြေဖြေချင်

CSS ဘာသာ

background-position: value;

အခြေခံ အသုံး

အချက် ဖော်ပြ
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right

如果您 သီးခြား အသုံးပြုသည် ဆိုသော အချက် သည် "center" ဖြစ်လိမ့်မည်

အခြေခံ ပုံစံ: 0% 0%

x% y%

ပထမ အချက် သည် လေးနှစ်တန်း အခြေခံ အရာ ဖြစ်သည်

အရှေ့ အထိပ် 0% 0% ဖြစ်သည်

如果您 သီးခြား အသုံးပြုသည် ဆိုသော အချက် သည် 50% ဖြစ်လိမ့်မည်

xpos ypos

ပထမ အချက် သည် လေးနှစ်တန်း အခြေခံ အရာ ဖြစ်သည်

အရှေ့ အထိပ် အခြေခံ အရာ 0 0 ဖြစ်သည်

如果您 သီးခြား အသုံးပြုသည် ဆိုသော အချက် သည် 50% ဖြစ်လိမ့်မည်

您可以混合使用 % နှင့် position ကို

နည်းပါး

အခြေခံ ပုံစံ 0% 0%
ဆက်နွယ် no
ပုံစံ CSS1
JavaScript ဘာသာ object.style.backgroundPosition="center"

အခြား အမှတ်အသား

အော်ဂန်% ကို အသုံးပြုသည်
အော်ဂန်တွင် ပုံ အခြေခံ ပုံများ ကို တည်ထား ရန် အသုံးပြုသည်
အော်ဂန်တွင် ပုံ အခြေခံ ပုံများ ကို တည်ထား ရန် အသုံးပြုသည်
အော်ဂန်တွင် ပုံ အခြေခံ ပုံများ ကို ပြောင်းလဲ တည်ထား ရန် ပါဝင်သော ပုံများ ကို အသုံးပြုပါ

ဘာသာ ပြန်ကူး ထိရောက်

အော်ဂန်တွင် အသုံးပြုသော ကိုယ်လက်မှတ် များ သည် အခြေခံ သဘော အရ ထိရောက် သော ဘာသာ ပြန်ကူး ကို ဖော်ပြသည်。

ခရိုး Edge ဖော့ဖ် စတာဖူး တိုက်ရိုက်
ခရိုး IE / Edge ဖော့ဖ် စတာဖူး တိုက်ရိုက်
1.0 4.0 1.0 1.0 3.5