Нюанси на прилагане на отрицателна стойност за z-index в CSS

Ако z-index за елемент не е зададен, то неговата стойност трябва да се тълкува като 0. Това означава, че елемент със стойност z-index, равна на -1, ще бъде под елемента без z-index.

Можем да преработим примера с нашите два елемента по следния начин: просто да зададем на втория елемент z-index със стойност -1, и той ще се позиционира под първия елемент:

css#elem1 {
  /* не задаваме z-index */
}
#elem2 {
  z-index: -1;
}

Резултат от изпълнението на кода: