Как сделать серое наложение на весь сайт, включая изображения и мета

Question

Когда моё меню открывается, я накладываю серый цвет на тело.Но это не влияет на изображения постов и некоторые мета-вещи ...

Взгляд https://imgshare.io/image/OyV9d

CSS

.is-menu-toggled-on body {
 box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.5);
 }

Как сделатьоверлейная обложка всё ...?

Answer 1

Вы можете просто сделать наложение, как это.Я показываю вам обычную технику наложения.используйте его для своего кода.

body {
  position: relative;
  height: 100vh;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  /*dim the background*/
}

<div class="overlay">hello</div>