Нюансы применения отрицательного значения z-index в CSS

Если z-index у элемента не задан, то его значение следует трактовать как 0. Это значит, что элемент со значением z-index, равным -1, будет ниже элемента без z-index.

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

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

Результат выполнения кода: