Непосредственно внутри <body> создайте <div> и присвойте ему id. В своем теге <style> присвойте ему следующие атрибуты стиля (вы можете добавить больше, если хотите):
position: fixed;
z-index: 3;
width: 100%;
height: 100%;
background-color: rgba(0,0,0.5);
Поднимите z-индекс по своему усмотрению (хотя убедитесь, что у всплывающего окна есть более высокий z-индекс). Вы также можете настроить непрозрачность его цвета, изменив 4-е значение объекта rgba() в диапазоне от 1 (непрозрачный) до 0 (прозрачный). Если он не занимает всю страницу, убедитесь, что теги <body> и <html> не имеют атрибутов стиля, которые дают им margin s, padding или border s.