Если два блока оба абсолютные, какой из них будет отображаться поверх другого и почему?

Компании, где спрашивали

ООО Делай мебель

Ответ от нейросети

sobes.tech AI

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

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

Пример:

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

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

Предыдущий Следующий