Есть ли лучшая практика для достижения этой цели? В настоящее время я использую непрозрачный красный div ширины / высоты 100%, с более высоким z-index и указателем-событиями: ни один, который позволяет всем, что работает ниже.

Кроме того, я хотел бы иметь возможность затемнить весь документ, есть ли какое-либо свойство яркости, которое я мог бы применить, или мне снова было бы лучше нанести непрозрачный черный слой поверх всего?

Просто интересно, правильно ли я поступил? Я также был бы заинтересован в решениях js / jquery, если бы они были более эффективными, меня также не беспокоит совместимость со старыми браузерами.

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