CSS တွင် Z-axis အပေါ် အစိတ်အပိုင်းများထပ်ခြင်းကို ထိန်းညှိခြင်း
အစိတ်အပိုင်းများထပ်ဆင့်သည့်အစီအစဉ်ကို ပြုပြင်နိုင်သည်
ပေါ့စ်တစ်ဖ် သို့မဟုတ် နှုတ်ကိန်းပြည့်နံပါတ်များ၊ သို့မဟုတ် သုည ကို ယူသော z-index ဂုဏ်သတ္တိကိုအသုံးပြု၍။
ဂုဏ်သတ္တိသည် သာလျှင် အလုပ်လုပ်သည်
အစိတ်အပိုင်းများအတွက် မည်သည့် position ၏တန်ဖိုး
ဖြစ်၍ သတ်မှတ်ထားသည် absolute, fixed
သို့မဟုတ် relative။
ဤဂုဏ်သတ္တိကိုအသုံးပြုသောအခါ စည်းမျဉ်းသည်
အစိတ်အပိုင်းများထပ်ဆင့်ခြင်းသည် အောက်ပါအတိုင်းဖြစ်သည်- အထက်တွင် ရှိလိမ့်မည်
မည်သည့်အစိတ်အပိုင်းသည် z-index ၏တန်ဖိုး
ပိုကြီးသည်။
ယခင်ဥပမာမှ အစိတ်အပိုင်းများ၏ ထပ်ဆင့်သည့်အစီအစဉ်ကို ပြောင်းလဲကြပါစို့။
ဤအတွက် ပထမဆုံးသော
အစိတ်အပိုင်းကို z-index ကို ပိုသတ်မှတ်ပါ
ဒုတိယတစ်ခုထက် ပိုများသည်၊ ဥပမာ၊ ဤကဲ့သို့-
css#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
ကုဒ်ကို လုပ်ဆောင်ခြင်း၏ရလဒ်-
ဤနမူနာပုံစံအတိုင်း စာမျက်နှာကို ပြန်လုပ်ပါ-
ဤနမူနာပုံစံအတိုင်း စာမျက်နှာကို ပြန်လုပ်ပါ-