css - CSS .Hover 图像加载缓慢

Question

我有一个提交按钮，当用户将鼠标悬停在它上面时它会发生变化。现在图像需要一段时间才能加载，你会得到半秒钟的时间，那里有白屏而不是另一个按钮。有没有办法只使用 CSS 和 HTML 来改进这一点，还是我需要做一些 JS 工作？

score 5 · Accepted Answer

使用精灵图像，然后在悬停时切换背景位置。这确保了悬停时显示的图像已经下载。

score 2 · Accepted Answer

并在 DOM 准备好时加载 css 精灵，这可以在用户悬停在提交按钮上之前“预加载”图像:)

2 回答 2