以下代码适用于safari,firefox,IE9和chrome,但在IE8和7中它只显示加载图像,并且永远不会在包含所有内容的.wrap中淡入淡出。可能有什么不对?
这是在文档就绪功能中,但即使我将其移出那里也无效。
$(window).on('load', function() {
var firstBackgroundImage = new Image();
firstBackgroundImage.src = "img/bg-img.jpg";
firstBackgroundImage.onload = function () {
$('#loading-image').hide();
$(".wrap").fadeIn(300);
loadContent();
};
});
CSS
.wrap{
height: 678px;
background: url("../img/bg-img.jpg") no-repeat scroll 0 0 transparent;
margin-top:18px;
padding-top:1px;
position:relative;
display:none;
}
答案 0 :(得分:0)
您是否准备好文档中的窗口加载事件?您不需要同时指定两者;只需使用文件就可以了。
彼此内部很容易导致奇怪的结果。