雪碧背景圖像滯後於鼠標懸停

我有基本的DOM菜單，具有精靈背景圖像的第一級「李」。它工作得很好，但我想有一些問題，而不是在懸停時立即切換圖像，它變成空白，大約一秒後懸停圖像「出現」（轉移）。雪碧背景圖像滯後於鼠標懸停

這隻發生在第一次盤旋時。之後，它就像它應該是平滑的。刷新頁面，並有再次是... 令人沮喪...... 這裏是檢查出來的鏈接：在Firefox v3.6.3 http://goo.gl/6FAM

的問題存在。 Chrome 5.0.375和IE 8.0.7600不存在此問題。

任何想法？

來源

2010-05-26 user351342

這是因爲懸停的背景圖像沒有加載，直到您在按鈕上傳遞鼠標爲止。

一個簡單的解決方案是使用CSS sprites，所以你將只有1個圖像處理。

來源

2010-05-26 21:43:33 nico

+1 CSS sprites。 – 2010-05-26 21:45:40

那麼，基本上這就是我正在做的......每個LI元素只有一個包含「背景圖像」和「懸停背景圖像」的圖像 - 像這樣：http://goo.gl/oAwt – user351342 2010-05-26 21:58:40

@ user351342 ：嗯...奇怪... 試試這個：在CSS中，不是爲'：hover'狀態設置'background'，只需設置'background-position'，因爲圖像名稱等都是一樣的。所以，只需將'background-position：-150px 0px'。有了它，它似乎立即加載FF。 – nico 2010-05-26 22:11:33

雪碧背景圖像滯後於鼠標懸停

回答

相關問題