Нюанси на прилагане на отрицателна стойност за z-index в CSS
Ако z-index за елемент не е зададен,
то неговата стойност трябва да се тълкува като 0.
Това означава, че елемент със стойност z-index,
равна на -1, ще бъде под елемента без
z-index.
Можем да преработим примера с нашите два елемента
по следния начин: просто да зададем на втория
елемент z-index със стойност -1,
и той ще се позиционира под първия елемент:
#elem1 {
/* не задаваме z-index */
}
#elem2 {
z-index: -1;
}
Резултат от изпълнението на кода:
Повторете страницата по дадения образец: