jquery - jQueryを使用してページの背景を変更する

Question

jQueryを使用してページの背景を暗くするにはどうすればよいですか？

私はこのようなjQueryコードを持っています。

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

score 3 · Accepted Answer

すべての要素は定義上、要素の子であるため、ページを「調光」するとbody、ページ上のすべての要素が調光されます。特に不透明度を使用している場合（そうです）。bodyfadeTo()

要素の背景画像のみを暗くしたい場合はbody、ページコンテンツの周りに別の要素をラップし、.pngその要素の背景画像として部分的に透明なものを使用するか、rgba()背景色を使用することをお勧めします。

score 1 · Accepted Answer

ボディをカバーするdivタグを作成し、背景色を黒に設定して、不透明度をたとえば0,7に設定します。ボディの不透明度を下げると、すべての要素の不透明度が変わります。

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

score 0 · Accepted Answer

jqueryプラグインを使用した画像に対する優れたアクションについては、これを確認してください

3 に答える 3