CSS樣式對背景圖片加載的影響

　　圖片加載測試
　　測試瀏覽器：firefox
　　只定義，而未使用的CSS樣式類，圖片不會被加載。×
　　如果CSS樣式類定義了display:none，並且css在引用之前加載，圖片不會被加載×
　　如果先加載了引用css的html元素，然後加載css樣式，圖片會被加載，盡管定義了display:none;√
　　如果CSS樣式類定義了visibility:hidden;圖片會被加載√
　　標簽定義了display:none;但引用的圖片仍然會被加載√
　　圖片緩存測試
　　測試瀏覽器：firefox
　　圖片要被緩存，首先服務器端設置的過期時間不能太短。√
　　圖片被緩存以後，如果刷新頁面，仍然會向服務器發起請求，檢測服務器是否有改動。√
　　如果服務器端無改動，則省去圖片的下載，直接從緩存讀取圖片文件。√
　　圖片被緩存以後，如果不刷新頁面，再次使用圖片的時候，不會向服務器發起新請求，網絡斷開仍然可以加載已緩存的圖片。√
　　特別提醒
　　如果服務器禁止了文件緩存，則客戶端無法緩存文件，除非使用DataURI代替緩存。
　　即使文件被緩存了，每次刷新頁面仍然會向服務器發起請求，緩存只是省略了文件的下載過程。
　　圖片被緩存了，並不意味著打開頁面立即顯示，如果網絡慢，仍然要等待很久。
　　如果文件比較小，且網速快，緩存與不緩存感覺上差別不大。如果文件很大，緩存後感覺會很明顯。