Javascript 如何覆盖document.body的不透明度？

我想让我的网站主体有一个低透明度，但保持在默认的透明度1弹出窗口，使它脱颖而出

我该怎么做？我已经尝试指定弹出窗口具有

opacity:1！重要的但它不会生效

下面是我尝试的一个例子：

请注意，我知道如何通过将外部div而不是body的不透明度设置为0.2来实现这一点，但我真的想知道在更改body时是否可以这样做
 您可以将html和body设置为100%高度，并将
背景色应用于div

html, 
body {
   height: 100%;
}

body{
  margin: 0;
  padding: 0;
}

.overlay {
  background-color: yellow;
  opacity: 0.2;
  width: 100%;
  height: 100%;
}

您可以将html和正文设置为100%高度，并将
背景色应用于div

html, 
body {
   height: 100%;
}

body{
  margin: 0;
  padding: 0;
}

.overlay {
  background-color: yellow;
  opacity: 0.2;
  width: 100%;
  height: 100%;
}

使用
rgba（255255,0,0.2）
您是否希望桌面显示在浏览器窗口后面？？对主体标记本身应用不透明度有什么好处？尸体标签后面什么都没有。如果你想要褪色的颜色。。然后使用褪色颜色的值，而不是不透明度。设置主体样式从来都不是一个好主意-你应该在你的网站上使用包装，并改为使用样式。使用
rgba（255255,0,0.2）
你是否希望桌面显示在浏览器窗口后面？？对主体标记本身应用不透明度有什么好处？尸体标签后面什么都没有。如果你想要褪色的颜色。。然后使用褪色颜色的值，而不是不透明度。设计主体的样式从来都不是一个好主意-你应该在你的网站上使用一个包装器，并改为设计样式。