z-index-ի բացասական արժեքի կիրառման նրբությունները CSS-ում

Եթե տարրի z-index-ը նշված չէ, ապա դրա արժեքը պետք է մեկնաբանել որպես 0: Սա նշանակում է, որ z-index-ի արժեքով տարրը, որը հավասար է -1-ի, կլինի ավելի ցածր, քան տարրը առանց z-index-ի:

Կարելի է վերափոխել մեր երկու տարրերի օրինակը հետևյալ կերպ. պարզապես նշել երկրորդ տարրի z-index-ը -1 արժեքով, և այն կանցնի առաջին տարրի տակ:

css#elem1 {
  /* չենք նշում z-index */
}
#elem2 {
  z-index: -1;
}

Կոդի կատարման արդյունքը.