问页面加载器在firefox中不起作用
EN

Stack Overflow用户

提问于 2018-08-17 16:14:44

回答 1查看 387关注 0票数 0

我有一个页面加载器，它将加载，直到我的整个页面加载完成，这与chrome很好，但不支持在火狐.any其他解决方案欢迎

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

javascript

cross-browser

loader

回答 1

Stack Overflow用户

发布于 2018-08-17 16:29:47

这是对u的一个完整的解决方案:)

    #loader {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 30;
        margin: -75px 0 0 -75px;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        display:block;
    }

    @-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

这就是现在的风格

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

希望它能有所帮助:)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51891061

复制

相似问题

问页面加载器在firefox中不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问页面加载器在firefox中不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问页面加载器在firefox中不起作用
EN