@GreenMan1899

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

Есть 3 блока.
1 - 100px
2 - 200px
3 - 100px
2-ой принимает абсолютное позиционирование и встраивается наполовину под 1-ый полупрозрачный блок. Т.е. должно получиться так что, за первым блоком просвечивает часть второго блока, который продолжается ниже, а затем идет 3-ий блок.
Я выставил им всем z-index 30, 20 и 10 соответственно, однако 2-блок ложится поверх верхнего, хотя у него z-index меньше.
codepen.io/danilst/pen/rWpwzX?editors=1100
  • Вопрос задан
  • 121 просмотр
Решения вопроса 1
У вас у первого блока по умолчанию position: static, измените на position: relative и все заработает.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 18:46
3000 руб./за проект
28 нояб. 2024, в 17:46
10000 руб./за проект
28 нояб. 2024, в 17:38
12000 руб./за проект