javascript - 页面加载器在本地主机上工作正常..但在服务器上永远不会淡出？

Question

<style>
    .bg {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
    }

    .loader {
        background-repeat: no-repeat;
        background: url('images/loader.gif');
        width: 100px;
        height: 100px;
        margin: 0px auto;
        top: 50%;
        position: absolute;
        left: 0px;
        right: 0px;
        margin-top: -21px;
    }
</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">   </script>
<script type="text/javascript">
    $(window).load(function() {
    $(".bg").fadeOut('slow');
})
</script>

html代码是

<div class="bg">
    <div class="loader"></div>
</div>

它是一个页面加载器。当我们打开一个新页面时，它显示一个 gif 图像 ..这段代码在本地主机上工作正常......但是当我把它放在服务器上时，gif 图像甚至在页面加载后也不会消失。

Answer 1

我的一个假设可能是找不到您的 .gif

背景:url('images/loader.gif');

因为根据我的经验，我必须使用 asset-url/url-path 或提供 Assets 的完整路径。