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

Question

我想让我的网站的主体具有较低的不透明度，但保持弹出窗口的默认不透明度为1，以便突出显示。

我该怎么做？我已经尝试过指定弹出窗口opacity: 1 !important;，但它没有生效。

以下是我尝试的一个小问题： https://jsfiddle.net/80351/0xo10tjc/

请注意，我知道如何通过将外部div的不透明度设置为0.2来实现此目的，但我真的想知道在更换体时是否可以这样做。

Answer 1

您可以将html和body设置为100％高度并将background-color应用于div

html, 
body {
   height: 100%;
}

body{
  margin: 0;
  padding: 0;
}

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

https://jsfiddle.net/0xo10tjc/4/