Как я могу «затемнить» остальную часть веб-страницы при отображении DIV уведомления?

В моем веб-приложении я показываю "уведомление" DIV.

Я хотел бы «затемнить» остальную часть страницы, чтобы уведомление DIV выделялось еще больше при отображении.

Есть ли достаточно простой способ сделать это?

Этот вопрос касается только визуальных эффектов, а НЕ функциональности остальной части страницы.

Вот пример функциональности, которую я нашел в другом месте в Интернете (хотя в этом случае диалоговое окно было всплывающим JS, а не DIV):