2017-02-18 52 views
0
<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圖片..this代碼工作正常,在本地主機上......但是當我把它放在服務器即使頁面的加載後的GIF圖片從來不用..

+0

控制檯說什麼? – Miro

+0

有沒有錯誤.. gif是在我的主頁..前夕加載後...我不知道控制檯? –

+0

很難分辨。嘗試使用'$(window).on('load',function(){...}'這是一個工作演示:https://jsfiddle.net/nh9zjmzh/ – Miro

回答

0

我的一個假設,可能是你的.gif注意:未找到

background: url('images/loader.gif');

因爲我的經驗,我不得不使用asset-url/url-path或給出一個完整的資產路徑。

相關問題