Javascript 页面加载程序在firefox中不工作

Javascript 页面加载程序在firefox中不工作,javascript,cross-browser,loader,Javascript,Cross Browser,Loader,我有一个页面加载器,它将一直加载到我的整个页面加载完成,这在chrome上运行良好,但在firefox中不支持。欢迎使用任何其他解决方案 <style> #loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 99} #loading-image {position: absolute;top: 40%;left: 45%;z-index: 100

我有一个页面加载器,它将一直加载到我的整个页面加载完成,这在chrome上运行良好,但在firefox中不支持。欢迎使用任何其他解决方案

<style>
 #loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 99}

#loading-image {position: absolute;top: 40%;left: 45%;z-index: 100} 
</style>

<body>

 <div id="loading">
<img id="loading-image" src="images/loader.gif" alt="Loading..." />
</div> 



<script>
  window.onload = function(){ document.getElementById("loading").style.display = "none" }   
  </script>

</body>

#加载{宽度:100%;高度:100%;顶部:0px;左侧:0px;位置:固定;显示:块;z索引:99}
#正在加载图像{位置:绝对;顶部:40%;左侧:45%;z索引:100}
window.onload=function(){document.getElementById(“加载”).style.display=“无”}

这是对u的完整回答:)

这就是现在的风格

<div id="loader"></div>


希望有帮助:)

loader适合我。但是在页面加载后它不会被清除。你能试试我的吗,它工作得很好,我在生产阶段的应用程序中使用了它。我刚刚用gif图像尝试了你的加载程序,它在Firefox中也工作得很好!所以问题可能出在别的地方。当我点击window.onload时,你能告诉我这是否对你有帮助吗。在导航上它不起作用。嗨,再一次,我只是想说清楚,我在这里“复制粘贴”你的代码,它可以100%工作,所以问题不在代码中。您使用的是哪种浏览器,哪种版本?
<div id="loader"></div>