dom - Sprite 背景图像在鼠标悬停时滞后

Question

我有基本的 DOM 菜单，其中包含第一级“LI”的 Sprite 背景图像。它工作得很好，但我想有一些问题，而不是在悬停时立即切换图像，它变成空白，大约一秒钟后悬停图像“出现”(转移)。

这只会在第一次悬停时发生。在那之后它就像它应该的那样光滑。刷新页面，又出现了。。。令人沮丧...这是一个检查链接:http://goo.gl/6FAM

该问题存在于 Firefox v3.6.3 上。Chrome 5.0.375 和 IE 8.0.7600 没有这个问题。

有什么想法吗？

Answer 1

这是因为鼠标悬停在按钮上之前不会加载背景图像。

一个简单的解决方案是使用 CSS sprites , 所以你只有一张图片要处理。