使用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