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

А на примере можно? И как отключить ссылки и т.п.?

html:

<header>Шапка</header>
        <article><div class="invis></div>Содержимое</article>
        <footer>Низ сайта</footer>

css:

article {
  position: relative;
}
.invis {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;

  background-color: rgba(0, 0,0, 0.5);
}

Анна Бакурова: спасибо

Сергей Семенко: не за что)

эммм а зачем устанавливать и top и bottom и left и right?

Спасибо

Анна Бакурова: для того чтобы растянуть по высоте и ширине на 100% родительского контейнера

Alexander Sydorenko: а не лучше для это использовать значения ширины и высоты?

Анна Бакурова: В общем случае мы не знаем ширины и высоты блока, для которого нам надо построить оверлей, таким образом, при таких правилах, размер нашего оверлея точно равен размеру блока который он и должен перекрывать.

В devtool нажимаем del и не помогает))

Иван: съел кусочек кода <div class="overlay"></div>

Иван: Не понял вопрос?

Alexander Sydorenko: Я логики вообще не понимаю вы же сами написали растянуть на 100%, так укажите 100% высоту и ширину

Анна Бакурова: ок, пусть автор вопроса и указывает :) мне лично все-равно как он будет растягивать оверлей по паренту, я решил задачу таким способом, Вы предлагаете процентную ширину и высоту, кажется разница только в количестве байт которое будет использовано для правила css. И с right/bottom получается чуть меньше ;)