如何覆蓋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的不透明度？

回答

相關問題