Как сделать чтобы div не перекрывал кнопки?

Есть некая страница с элементами управления (кнопки и пр.) и полупрозрачный div который их перекрывает. При этом все элементы управления перестают срабатывать на клики и наведение мышью. Что с этим можно сделать, не избавляясь от этого div'а?

https://jsfiddle.net/0hsf9aoo/
  • Вопрос задан
  • 1935 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
pointer-events: none; для дива
pointer-events: auto; для кнопок

https://jsfiddle.net/0hsf9aoo/2/
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@sharok
Пример кода вашего, т.к решения могут быть разными.
Попробуйте у div'a установить свойство
pointer-events: none;

Данное свойство не работает для IE < 11
Ответ написан
Например при помощи позиционирования.
Лучше бы конечно код увидеть.
div {
  position: relative;
  z-index: -100; // задвинет этот див на задний план
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы