<分区>
<分区>
我正在尝试降低文档正文背景颜色的不透明度，但将 ID 为 scene 的元素的背景颜色保持完全不透明。
目前，整个文档的不透明度正在降低到 0.5。
$(".artist").hover(function() {
$("body").stop().animate({
"opacity": 0.5
});
}, function() {
$("body").stop().animate({
"opacity": 1
});
});body {
background: yellow;
}
#scene {
background: red;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="scene">
<div class="artist">Test me</div>
</div>最佳答案
你不能真的那样做，因为 body 里面的任何东西都是它的 child ，降低它的不透明度会降低 child 的不透明度。您可以使用伪元素，例如 body:after {} 并在那里设置背景。
但最简单的方法是使用 rgba 作为背景色:
body {
background-color:rgba(0,0,0,0.5);
}
这将产生 50% 的黑色。
关于jquery - 减少 body 的不透明度但不减少 body 中的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37901067/