Javascript 如何自动更改html标记的背景？

我使用css代码为整个网站添加背景，如下所示：

html { 
      background: url('../include-uploads/backgrounds/ironman1.jpg') no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

我想使用jQuery代码自动更改它，如下所示：

var old_url=$('html').css('background-image');
$('html').css('background-image',old_url).fadeOut(1000);
setTimeout(function(){
     $('html').css({"background":"url(include-uploads/backgrounds/ironman2.jpg) no-repeat"}).fadeIn(5000);
       $('html').css({"-webkit-background-size": "cover"});
       $('html').css({"-moz-background-size": "cover"});
      $('html').css({"-o-background-size": "cover"});
       $('html').css({"background-size": "cover"});
     }, 5000);

---

这段代码淡出整个网站（不仅仅是背景），然后用新的背景淡入整个网站。有没有办法使背景而不是整个网站淡出？

你需要在你的页面上附加一个背景“div”元素，它应该100%地分散开来 您可以在该元素上应用所需的效果

CSS解决方案：

$（'html'）.addClass（'light'）；
setTimeout（function（）{$（'html'）.removeClass（'light'）；}，4000）
*{
保证金：0；
填充：0；
}
html{
宽度：100%；
身高：100%；
框大小：边框框；
背景：url(http://static.pexels.com/wp-content/uploads/2014/09/ocean-sea-sky-2808-527x350.jpg)中心不重复；
背景尺寸：封面；
盒影：嵌入0 10000px透明；
过渡：4s全部；
}
.光{
盒影：嵌入0 10000px白色；
}

Lorem ipsum dolor sit amet enim。Etiam ullamcorper.
你能添加JSFIDdle吗？我想，你要找的是主体背景……你正在淡入html元素——你不能淡入背景，除非它位于自己的元素中。你可以制作一个位于整个站点后面的div，然后将其淡出。检查这个问题似乎与哪个重复。