how to dim your webpage to center your attention on a banner? (dim-bright effects on your webpage)

I was wondering on how this effect is created in certain webpages :

On loading the webpage, a banner ad with a close button is displayed as the topmost layer, and the actual webpage is displayed as the lower layer; the webpage being completely dimmed out, so that the focus of attention naturally falls on the banner ad with close button. И при нажатии на эту кнопку закрытия в объявлении фактическая веб-страница отображается немедленно, но теперь с ее исходной яркостью.

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

И вот мой вопрос: как добиться того тусклого и светлого эффекта на своей веб-странице?

PS:

1. Я знаю z-index в css, поэтому мне просто нужно знать часть затемнения.
2. Я ищу решение на основе CSS (или, перефразируя это, решение без использования любой скрипт вроде js), если это возможно.

Спасибо, ребята.