jquery - 当页面加载在 IE 7 和 8 中不起作用时加载/淡入 HTML

Question

以下代码适用于 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;
    }

Answer 1

您准备好文档内的窗口加载事件了吗？您不需要同时指定两者；只需使用准备好的文件。

将两者放在一起很容易导致奇怪的结果。