z-index-ის უარყოფითი მნიშვნელობის გამოყენების ნიუანსები CSS-ში

თუ ელემენტისთვის z-index არ არის მითითებული, მაშინ მისი მნიშვნელობა უნდა განიმარტოს როგორც 0. ეს ნიშნავს, რომ ელემენტი z-index-ის მნიშვნელობით, რომელიც უდრის -1, იქნება ელემენტის ქვემოთ, რომელსაც z-index არ აქვს მითითებული.

ჩვენი ორი ელემენტის მაგალითი შეგვიძლია შემდეგნაირად გადავაკეთოთ: უბრალოდ მივანიჭოთ მეორე ელემენტს z-index მნიშვნელობა -1, და ის მოხვდება პირველი ელემენტის ქვეშ:

css#elem1 {
  /* z-index-ს არ ვუთითებთ */
}
#elem2 {
  z-index: -1;
}

კოდის შესრულების შედეგი: