jquery - 使用 jQuery 改变页面的背景

Question

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

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

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

score 3 · Accepted Answer

如果您“暗淡”body页面，您将暗淡页面上的每个元素，因为根据定义，每个元素都是该元素的子body元素。特别是如果您正在使用不透明度（就像fadeTo()那样）。

如果您只想使body元素的背景图像变暗，我建议在页面内容周围包裹另一个元素并使用部分透明.png的作为该元素的背景图像，或者使用rgba()背景颜色。

score 1 · Accepted Answer

您可以创建一个覆盖主体的 div 标签，将其背景颜色设置为黑色，不透明度为 0,7，降低主体的不透明度将改变所有元素的不透明度；

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

score 0 · Accepted Answer

0

使用 jquery 插件检查这个对图像的好操作

于 2012-04-20T14:25:04.600 回答

3 回答 3