WoodyAndBuzz
@WoodyAndBuzz

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

Как сделать чтобы блок был поверх другого блока используя позиционирование?
https://codepen.io/EdWrightwesr/pen/poapqxQ
  • Вопрос задан
  • 455 просмотров
Пригласить эксперта
Ответы на вопрос 2
Ставим одному блоку position: absolute:

<div style="width: 500px; height: 500px; background-color: red; position: absolute;"></div>
<div style="width: 800px; height: 800px; background-color: black;"></div>

Тогда он будет поверх другого блока. Если нужно наоборот, тогда ставим другому блоку position: relative:

<div style="width: 500px; height: 500px; background-color: red; position: absolute;"></div>
<div style="width: 800px; height: 800px; background-color: black; position: relative"></div>
Ответ написан
@cherry_secret
Все абсолютные и z-index - ом менять.
<div style='position:relative;'>
  <div style="position:absolute; width: 800px; height: 800px; background-color: black;"></div>
  <div style="width: 500px; height: 500px; background-color: red; position: absolute; z-index: 2;">
  </div>
</div>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы