使用jQuery更改页面的背景

Question

如何使用jQuery调暗页面的背景？

我有看起来像这样的jQuery代码。

$(document).ready(function(){  
     $("body").fadeTo(1000, 0.33);   
}); 

Answer 1

如果你黯淡“，你会在页面上变暗每个元素页面body，如每元素，根据定义，body元素的子元素。特别是如果你使用不透明度（如fadeTo()那样）。

如果你只是想调暗body元素的背景图像，我建议缠绕在页面内容的另一个元素，并使用部分透明.png作为背景图片为元素，或者使用rgba()背景色。

1. JS Fiddle background-color proof-of-concept。
2. JS Fiddle background-image proof-of-concept。

Answer 2

您可以创建一个覆盖身体的div标签，将其背景颜色设置为黑色，并且不透明度为0,7，从而减少身体的不透明度将改变所有元素的不透明度;

$('#cover').fadeIn(1000); 

Answer 3

检查了这一点使用jQuery插件上的图像漂亮的动作

http://jobyj.in/adipoli/#demo