Udhibiti wa Kulainisha Vipengele kwenye Mhimili wa Z katika CSS

Utaratibu wa kulainisha vipengele unaweza kudhibitiwa kwa kutumia sifa z-index, inayokubali thamani yake nambari kamili chanya au hasi, au sifuri. Sifa hufanya kazi tu kwa vipengele ambavyo thamani ya position imewekwa kama absolute, fixed au relative.

Wakati wa kutumia sifa hii, sheria ya kulainisha vipengele ni ifuatayo: juu zaidi kitakuwa kile kipengele ambacho thamani ya z-index kikubwa zaidi.

Wacha tubadilishe utaratibu wa kulainisha vipengele kutoka kwa mfano uliopita. Ili kufanya hivyo, kwa kipengele cha kwanza tuweke z-index kubwa zaidi, kuliko ya pili, kwa mfano, kama hivi:

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

Matokeo ya utekelezaji wa kodi: