2010-03-28 105 views
2

我有一個提交按鈕,當用戶將鼠標懸停在上面時發生更改。現在圖像需要花費一些時間才能加載,並且在有白色屏幕而不是另一個按鈕的情況下會有半秒的時間。無論如何,只需使用CSS和HTML就可以改善這一點,還是需要做一些JS工作?CSS .Hover圖片加載緩慢

回答

5

使用sprite image,然後在懸停時切換背景位置。這可確保懸停時顯示的圖像已被下載。

+0

前徘徊,雖然我已經注意到精靈流逝了。 – pixeltocode 2010-03-28 02:29:58

+0

嗯。我從來沒有見過這種行爲。 – 2010-03-28 02:31:56

2

CSS Sprites

並加載CSS精靈當DOM準備好了,這可以排序「預加載」的形象的用戶提交按鈕:)

+2

這個答案與durilai's不同嗎? – pixeltocode 2010-03-28 02:31:31

+0

@pixeltocode:justification:提供了演示鏈接,以及當DOM準備好可以節省加載時間並提高可用性時,我對「預加載」css sprites的建議。 – 2010-03-28 02:56:58

+0

以及'預加載'和'aleady已下載'有什麼不同? – pixeltocode 2010-03-28 04:57:14