Задать вопрос
@kamisarlapsha

Почему с transform не работает z-index?

Привет! У меня есть такая разметка:
<div id="parent">
  <div>
    <div id="child"></div>
  </div>
</div>
<div id="next-div">
  <button>
  </button>
</div>


Мне нужно чтобы #parent был под #next-div, а #child в свою очередь был выше всех. Изначально если добавить z-index к #child, то все как нужно. Но у меня у #parent есть transform, поэтому z-index перестает работать и #next-div становится выше всех.

https://jsfiddle.net/djKliter/0Ls2b9jq/19/
(Красный блок - #child должен быть выше синей кнопки в #next-div)

Заранее спасибо!
  • Вопрос задан
  • 703 просмотра
Подписаться 2 Простой 10 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы