css背景圖片加載失敗,頁面部分圖標無法顯示


1、問題表現:首屏缺失部分圖標。點擊按鈕切換為激活狀態時,部分按鈕的激活態圖標無法顯示。

 2、問題原因:網絡極差,斷斷續續,點擊時添加class:active變為激活態,

       active.png這張圖片是在添加active這個class才加載的,

       css背景圖片只加載一次,不管成功還是失敗都不再加載第二次了,

       所以剛好網絡斷掉時加載了active.png失敗,不刷新的話,

       以后就再也看不到這張圖片了  

      

      

 

3、解決辦法:

  方法一: 把所有圖片做成spirit圖,首次就可以把所有圖片加載好,不會出現部分圖片丟失的怪異情形

  方法二:(1) 檢測圖片丟失,我是讓android端的app開發檢測並調用我的前端 js 圖片加載程序

      (2) 前端 js 圖片加載程序的實現:取app后台傳出的加載失敗的圖片路徑,

        用js將此路徑綁定到style標簽的任意class即可實現重新加載圖片

         

 

注解:

  1、 前端檢測背景圖片加載失敗,我不知道有什么好辦法,

    window.addEventListener('error',function(e){})這種方法檢測不到背景圖片加載失敗

  2、js在style標簽中引入新的url ,會讓頁面刷新

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM