Css 悬停图像加载缓慢

Css 悬停图像加载缓慢,css,hover,mousehover,Css,Hover,Mousehover,我有一个提交按钮,当用户将鼠标悬停在上面时,它会发生变化。现在图像加载需要一段时间,你会得到半秒钟的时间,屏幕上显示的是白色,而不是另一个按钮。是否只使用CSS和HTML来改进这一点,或者我需要做一些JS工作?使用,然后在悬停状态下切换背景位置。确保悬停时显示的图像已下载。 当DOM就绪时加载css精灵,这可以在用户将鼠标悬停在提交按钮上之前“预加载”图像:)尽管我也注意到精灵中有一个错误。Hmmm。我从未见过这种行为。这个答案与durilai的有什么不同?@pixeltocode:justif

我有一个提交按钮,当用户将鼠标悬停在上面时,它会发生变化。现在图像加载需要一段时间,你会得到半秒钟的时间,屏幕上显示的是白色,而不是另一个按钮。是否只使用CSS和HTML来改进这一点,或者我需要做一些JS工作?

使用,然后在悬停状态下切换背景位置。确保悬停时显示的图像已下载。


当DOM就绪时加载css精灵,这可以在用户将鼠标悬停在提交按钮上之前“预加载”图像:)

尽管我也注意到精灵中有一个错误。Hmmm。我从未见过这种行为。这个答案与durilai的有什么不同?@pixeltocode:justification:demo链接提供,以及我关于在DOM准备好节省加载时间和提高可用性时“预加载”css精灵的建议。“预加载”与“aleady已下载”有何不同?@pixeltocode:OK,故事就是这样:在提交这个答案之前,我花了2分钟搜索我的书签,并测试了css sprite链接,所以它比上面的答案晚了2分钟。我的意思是,不要试图获得一个滴答声或任何东西,只是觉得这可能有助于@Splashlin。如果你觉得这是一个重复的答案,那很好。我们能结束这个提问吗?