div прозрачный для событий

На содержимое страницы нужно наложить полупрозрачный слой, но при этом нужно чтобы возможно было использовать события нижнего слоя.

Для реализации прозрачного для событий слоя есть CSS свойство:

pointer-events: none;

Подробно тут:
https://developer.mozilla.org/en-US/docs/CSS/pointer-events