javascript–加载页面淡入淡出

我试图在加载时使用j-query来淡入我的页面主体,但是由于某种原因,主体的背景图像不受j查询的影响.请参阅下面的代码：

头部的J-Query代码：

background-size:100%;
display:none;
}


正文中包含的所有内容(div / paragraph / headings等)根据j-query代码在加载时淡入,但是body的背景图像(body.png)会立即加载页面.任何人都可以建议我上面的代码做错了吗？

解决方法:

身体很有趣.您需要将整个页面的内容包装在另一个div中并将其淡入.

CSS：

#wrapper{
background-image:url('some-image.jpg');
display:none;
}


jQuery的：

$(document).ready(function(){
$('#wrapper').fadeIn();
});


见这JSFiddle.