Возможно ли иметь полупрозрачный слой поверх другого без блокировки / улавливания щелчков в CSS / JS

Question

По сути, я хочу, чтобы слой располагался поверх другого без перехвата ввода.

Цель состоит в том, чтобы над моей веб-страницей было изображение в формате PNG, немного похожее на фильтр.

Моя проблема в том, что, если все закончится, текст становится недоступным для выбора и не щелкаемым.

Есть идеи?

Answer 1

Это зависит от ваших потребностей, но в прошлом, когда был определенный элемент, я хотел, чтобы можно было щелкнуть через слой.Я бы поместил прозрачный div, абсолютно позиционированный в точное положение, в качестве базового, который вызовет событие для нижнего элемента.Очень легко сопоставить позиции с javascript и просто установить z-index выше, чем оверлейнапример, для всей страницы под оверлеем.