鼠标悬停时精灵背景图像滞后
我有基本的 DOM 菜单，其中包含第一级“LI”的精灵背景图像。 它工作得很好，但我想有一些问题，而不是在悬停时立即切换图像，它会变成空白，大约一秒钟后，悬停图像“出现”（移动）。
这种情况仅在第一次悬停时发生。之后就如预想的那样顺利了。 刷新一下页面，又出现了…… 令人沮丧... 这里有一个链接可以查看： http://goo.gl/6FAM
Firefox v3 上存在该问题.6.3. Chrome 5.0.375 和 IE 8.0.7600 没有此问题。
有什么想法吗？
I have basic DOM menu that has sprite background images for the first level of "LI"s.
It works just fine, but I guess there is some problem and instead of switching the image right away on hover it goes blank and after about a second the hover image "appears" (shifts).
That happens only on first hovering. After that it's smooth like it's supposed to be.
Refresh the page and there it is again...
Frustrating...
Here is a link to check it out: http://goo.gl/6FAM
The problem exist on Firefox v3.6.3.
Chrome 5.0.375 and IE 8.0.7600 don't have this issue.
Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这是因为只有将鼠标移到按钮上才会加载悬停背景图像。
一个简单的解决方案是使用 CSS sprites，这样您就只有 1 个图像需要处理。
It's because the hover background image is not loaded until you pass the mouse on the button.
An easy solution is to use CSS sprites, so you will only have 1 image to deal with.