document.bodyの不透明度をオーバーライドする方法は？

私は自分のウェブサイトのボディに不透明度を低くしたいが、それが目立つように、デフォルトの不透明度1でポップアップを維持する。document.bodyの不透明度をオーバーライドする方法は？

どうすればいいですか？私はポップアップにopacity: 1 !important;があることを指定しようとしましたが、効果はありません。 https://jsfiddle.net/80351/0xo10tjc/

私は0.2で、代わりに体の外側のdivの不透明度を設定することによって、これを達成する方法を知っているが、私は本当にこれがあるかどうかを知りたいことに注意してください：ここでは

は私の試みとjsfiddleです体を変えるときにできる。

2016-07-28 user5508297

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

は、あなたがデスクトップを期待しているにbackground-colorを適用することができますブラウザウィンドウの後ろに表示されますか？ bodyタグ自体に不透明度を適用するとどのようなメリットがありますか？ボディータグの後ろには何もありません。色あせた色をしたい場合は、不透明ではなく色あせた色の値を使用します。 – Scott

体をスタイルするのは良い考えではありません。あなたのサイトにラッパーを使用し、その代わりにスタイルを設定する必要があります。 – staypuftman

あなたは100％の高さを有するようにhtmlと体を設定し、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の不透明度をオーバーライドする方法は？

答えて

関連する問題