Sprite背景图片滞后于鼠标悬停

时间:2010-05-26 21:40:22

标签: dom menu hover sprite css

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

只有在第一次悬停时才会发生这种情况。之后它就像它应该的那样光滑。 刷新页面,然后再次...... 令人沮丧的... 这是一个查看它的链接:http://goo.gl/6FAM

Firefox v3.6.3中存在问题。 Chrome 5.0.375和IE 8.0.7600没有此问题。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

这是因为直到您在按钮上传递鼠标才会加载悬停背景图像。

一个简单的解决方案是使用CSS sprites,因此您只需要处理1张图片。