精灵背景图像滞后于鼠标悬停

Question

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

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

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

有什么想法吗？

Answer 1

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

一个简单的解决方案是使用CSS sprites，这样您只需处理一张图片。