Предотвратить появление элементов ниже ответа

Question

Итак, у меня есть div, который я разработал, чтобы всплывать и покрывать свой экран. Проблема в том, что когда я нажимаю на пустое пространство внутри этого всплывающего окна, элементы под этим всплывающим окном реагируют на эти клики. Эффекты после этого, я случайно выполняю события щелчка из этих элементов ниже этого div, чего я не хочу.

Может ли кто-нибудь помочь мне решить эту проблему, желательно с чистым css. Я однажды нашел способ остановить это поведение с помощью css, но, похоже, я не помню, как я это сделал.

Answer 1

Вы пытались использовать указатели-события?

отключить указатель события на всплывающем окне с помощью pointer-events: none; и если у вас есть что-то интерактивное, просто дать его обратно способности быть так с pointer-events: auto;