圖像交換與CSS - 閃爍問題

我想與CSS交換圖像，但當第一次鼠標滾動，而不是一個圖像被替換另一個，我首先閃爍。這裏是我的CSS代碼：（？UL.png）圖像交換與CSS - 閃爍問題

#UL { 
    width: 50px; 
    height: 54px; 
    background:url("/img/UL_gr.png") no-repeat;  
} 
#UL:hover { 
    background-image:url("/i/logos/UL.png");   
}

來源

2011-10-28 santa

可能圖像尚未加載？ – Litek

預載您的圖片並使用精靈。問題解決了！

來源

2011-10-28 15:19:43

+1精靈 - 這將是最好的路線。 –

是忽悠也許是因爲瀏覽器試圖在新的圖像加載的

剛看到，嘗試添加一個img元素用「/我/logos/UL.png「作爲src和display：none作爲嵌入式樣式。在你的頁面的某個地方添加，看看是否有幫助。

來源

2011-10-28 15:18:23 danbo

閃爍是因爲圖像尚未加載，您應該預加載它。有很多方法可以做到這一點，下面是一種方法。它不會顯示在頁面中，但是由於它位於主體中，它仍然會加載圖像。把它放在你的其他內容下面，這樣不會減慢任何其他內容的加載速度。

<div style="display:none;"> 
    <img src="/i/logos/UL.png" > 
</div>

來源

2011-10-28 15:18:39

原因很可能是瀏覽器尚未加載圖像。您可以按照this page中所述進行預加載。

來源

2011-10-28 15:19:25 nfechner

圖像交換與CSS - 閃爍問題

回答

相關問題