@ligisayan

Зацикленное перекрытие блоков по z-index — как решить?

Есть верхнее меню nav, чекбокс, раскрывающий дополнительное меню и кнопка спозиционированная в правом верхнем углу при ховере на которую выпадает еще одно меню. Столкнулся с очень удивительной для себя проблемой перекрытия z-index.

Всем привет! В текущем положении при нажатии на чекбокс и вызове доп меню не могу нажать белый крестик справа из-за перекрытия ховером кнопки в углу справа.

Если увеличиваю .navbar-expand-lg { z-index: 99999; }, то теперь доп меню закрыть могу, но выпадающее меню теперь недоступно.

По сути палка о двух концах. Можно ли решить эту задачку без перестановок html ?

  • Вопрос задан
  • 38 просмотров
Пригласить эксперта
Ответы на вопрос 1
dpr
@dpr
frontend developer
Просто у кнопки уменьшите z-index на единицу z-index:9998
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы