Нијанси на примена на негативна вредност за z-index во CSS

Ако z-index на елементот не е зададен, тогаш неговата вредност треба да се толкува како 0. Ова значи дека елемент со вредност z-index, еднаква на -1, ќе биде под елементот без z-index.

Можеме да го преработиме примерот со нашите два елементи на следниов начин: едноставно да му зададеме на вториот елемент z-index вредност -1, и тој ќе застане под првиот елемент:

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

Резултат од извршување на кодот:

Задание 1

Повторете ја страницата според овој пример: