CSS တွင် Z-axis အပေါ် အစိတ်အပိုင်းများထပ်ခြင်းကို ထိန်းညှိခြင်း

အစိတ်အပိုင်းများထပ်ဆင့်သည့်အစီအစဉ်ကို ပြုပြင်နိုင်သည် ပေါ့စ်တစ်ဖ် သို့မဟုတ် နှုတ်ကိန်းပြည့်နံပါတ်များ၊ သို့မဟုတ် သုည ကို ယူသော z-index ဂုဏ်သတ္တိကိုအသုံးပြု၍။ ဂုဏ်သတ္တိသည် သာလျှင် အလုပ်လုပ်သည် အစိတ်အပိုင်းများအတွက် မည်သည့် position ၏တန်ဖိုး ဖြစ်၍ သတ်မှတ်ထားသည် absolute, fixed သို့မဟုတ် relative။

ဤဂုဏ်သတ္တိကိုအသုံးပြုသောအခါ စည်းမျဉ်းသည် အစိတ်အပိုင်းများထပ်ဆင့်ခြင်းသည် အောက်ပါအတိုင်းဖြစ်သည်- အထက်တွင် ရှိလိမ့်မည် မည်သည့်အစိတ်အပိုင်းသည် z-index ၏တန်ဖိုး ပိုကြီးသည်။

ယခင်ဥပမာမှ အစိတ်အပိုင်းများ၏ ထပ်ဆင့်သည့်အစီအစဉ်ကို ပြောင်းလဲကြပါစို့။ ဤအတွက် ပထမဆုံးသော အစိတ်အပိုင်းကို z-index ကို ပိုသတ်မှတ်ပါ ဒုတိယတစ်ခုထက် ပိုများသည်၊ ဥပမာ၊ ဤကဲ့သို့-

#elem1 {
	z-index: 2;
}
#elem2 {
	z-index: 1;
}

ကုဒ်ကို လုပ်ဆောင်ခြင်း၏ရလဒ်-

ဤနမူနာပုံစံအတိုင်း စာမျက်နှာကို ပြန်လုပ်ပါ-