雪碧背景图像滞后于鼠标悬停

我有基本的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

雪碧背景图像滞后于鼠标悬停

回答

相关问题