2013-03-28 57 views
0

下面的代码工作在safari,firefox,IE9和铬,但在IE8和7,它只是显示加载图像,并永不褪色的.wrap内容。什么可能是错的?加载/淡入HTML时页面加载不工作在IE 7和8

这是在文件就绪功能,但即使我把它移出它不起作用。

$(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

你有没有在文件内准备好窗口加载事件?你不需要指定两者;只需使用文档就绪。在彼此内部都很容易导致奇怪的结果。 – Spudley

+0

你们工作谢谢! – user1937021

+0

太棒了。我会将它作为答案发布,以便您可以接受它。 :-) – Spudley

回答

0

你有没有得到里面的文件准备窗口加载事件?你不需要指定两者;只需使用文档就绪。

两者内部相互之间很容易导致奇怪的结果。