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

我想使我的网站的身体有一个低透明度，但保持默认不透明度为1的弹出，以便它脱颖而出。如何覆盖document.body的不透明度？

我该怎么做？我试过指定弹出窗口有opacity: 1 !important;，但它不起作用。

下面是我尝试的的jsfiddle：https://jsfiddle.net/80351/0xo10tjc/

请注意，我知道如何在0.2设置外格，而不是身体的不透明度来实现这一点，但我真的想知道这是否是改变身体时可以做的事情。

来源

2016-07-28 user5508297

使用'RGBA（255,255,0,0.2）' – maioman

你期待的桌面显示在浏览器窗口后面？对身体标签本身应用不透明度有什么好处？身体标签背后没有任何东西。如果你想要一个褪色的颜色..然后使用褪色的值，而不是不透明。 – Scott

风格身体永远不是一个好主意 - 你应该在你的网站和风格上使用包装，而不是。 – staypuftman

您可以设置html和身体有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/

来源

2016-07-28 20:59:46 marcelo2605

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

回答

相关问题