加载后淡入带有背景图像的Div

Question

我试图淡入div其中有一个内嵌背景图像.

我已经在页面加载的图像上尝试过了,但是我们怎样才能在背景图像中实现这种效果div.

Answer 1

评论中链接的问题的第二个答案，链接此处，提供了一个解决方案，您可以将背景图像加载到图像标签，然后在准备好后将图像注入到 div 中。这是一个相似但不同的示例：

html:

<img src="http://www.modernmythmedia.com/wp-content/uploads/2013/04/Iron-Man-wallpaper-2-2032-e1367196003357.jpg" id="dummy" style="display:none;" alt="" />
<div id="pic" style="height:100px;width:100px;display:none;"></div>

jQuery：

$('#dummy').ready(function() {
    $('#pic').css('background-image','url(http://www.modernmythmedia.com/wp-content/uploads/2013/04/Iron-Man-wallpaper-2-2032-e1367196003357.jpg)');
    $('#pic').fadeIn(1000);
});

此处提供实时预览：Fiddle。

希望这对您来说效果更好！