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

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

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

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

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

Повторите страницу по данному образцу:

← →

↑