0

我的网页有一个超级简单的加载叠加层：

<script type="text/javascript">  

    $(window).load(function(){  
          $("#loading").fadeOut();  
    })

</script>

...
...

<body>

    <div id="loading">
        <div id="loadingimage"><img src="../pictures/loading.gif"></div>
    </div>

...
...
</body>

#loading {
height:100%;
width:100%;
position:fixed;
background-color: rgba(0,0,0,0.7);
filter:alpha(opacity = 80);
z-index:9999;
top:0;
bottom:0;
}
#loadingimage {
position:fixed;
height:100px;
width:100px;
top:50%; //center it
margin-top:-50px;
left:50%;
margin-left:-50px;
}

这在 Firefox/IE 中运行良好，半透明的黑色覆盖和加载图像会在网页加载时淡出，但在 Chrome 中，加载 div 永远不会淡出（覆盖 + 图像），它只是永远挂在那里。鼠标图标也卡在“加载”图标中。我的网站只有一堆图像和文字，加载需要一个小时（这是我等了多长时间），所以代码一定有问题。

Chrome 不支持 "$(window).load(function()" 什么的吗？？这是 IE 第一次真正正确地做某事而 Chrome 不... O_o

4

1 回答 1

0

Chrome 执行“同源策略”。你可能想谷歌一下。关于本地文件和诸如此类的东西。

于 2013-11-24T11:52:27.080 回答