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

Question

[Евгений Бабкин]

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

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

Ссылка на страничку

Answer 1

[Константин Величко]

Оберните контент блоком ему задайте меньший z-index, а попапу больший
Кратко

.lessons-item
	position relative
	
	&__content
		position relative
		z-index 1
		
	&__popup
		position absolute
		z-index 2

codepen.io/Zoxon/pen/xVxXNj

Comments

[Евгений Бабкин]

Спасибо за помощь
А в чем кривизна БЭМа?

[Константин Величко]

Ну во первых у вас странная верстка таблица отдельно "ячейки" отдельно, хотя они связанны (хотя хз мб так и задумнно)
.lessons__item странный смешали в одном месте позиционирование и дизайн
.popup используется без элемента, т.е. опять смешали позиционирование и дизайн
Смотрите демку.
Остальной код не смотрел

Answer 2

[Дмитрий]

Статья на хабре