Проблема с z-index?

Доброго времени суток.

Собственно, суть проблемы. При клике на элемент расписания должен всплывать попап. Но при появлении все попапы перекрываются другими элементами расписания. Подскажите, пожалуйста, как исправить эту проблему?

Ссылка на страничку
  • Вопрос задан
  • 154 просмотра
Решения вопроса 1
Zoxon
@Zoxon
Веб-разработчик
Оберните контент блоком ему задайте меньший z-index, а попапу больший
Кратко
.lessons-item
	position relative
	
	&__content
		position relative
		z-index 1
		
	&__popup
		position absolute
		z-index 2

codepen.io/Zoxon/pen/xVxXNj
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
LazyTalent
@LazyTalent
Data Engineer, Freelancer
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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