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

Question

[skasochnoebali]

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

Comments

[sergski]

Размещаете div на всю ширину/высоту, черным фоном, полупрозрачностью и display: none. По клику по кнопке у вашего div делаете display: block; и не забудьте кнопку закрыть, которая вернут ему none;

Answer 1

[Ragtime Kitty]

Сделать черный оверлей, установить прозрачность на 0. По клику на кнопку увеличивать прозрачность до нужной степени "темноты"

Comments

[poniyur]

Только если это просто затемнить сайт, то ещё этому оверлею добавить pointer-events: none; в стили

[Ragtime Kitty]

poniyur, там так и есть

[poniyur]

Ragtime_Kitty, упс не заметил)