Sobes.tech
Middle

Ako su oba blokovi apsolutni, koji će biti prikazan iznad drugog i zašto?

sobes.tech АИ

Одговор од АИ

Если два блока имеют position: absolute, то порядок отображения определяется свойством z-index. Блок с большим z-index будет отображаться поверх другого.

Если z-index не задан или равен, то порядок определяется порядком в DOM: элемент, который идет позже, будет выше.

Пример:

.block1 {
  position: absolute;
  z-index: 1;
}
.block2 {
  position: absolute;
  z-index: 2; /* этот блок будет поверх */
}

Если z-index одинаков, то последний в HTML будет сверху.