Question

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

<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

Answer 1

Chrome强制实施“同一来源政策”。你可能想要谷歌。关于本地文件和诸如此类的东西。

加载叠加层在Chrome中不起作用，适用于IE / Firefox

1 个答案: