CSS .Hover 图像加载缓慢

标签 css hover mousehover

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

最佳答案

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

关于CSS .Hover 图像加载缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2531678/

相关文章:

iphone - CSS hover 用于黑莓而不是 iphone?

html - 如何在过滤器上方带有文本的图像上放置透视过滤器

jquery - Bootstrap 页面过渡鼠标悬停

javascript - 细胞景观 : Sankey-like edge size

html - Bootstrap <div 类 ="navbar navbar-fixed-top">

javascript - 切换 ul(子菜单)

css - 悬停时 div 中的图像变暗,但不是另一个子图像

html - 无法显示我的图像

html - 使用 photoshop 操作更改文件名

javascript - 记住在 css 中所做的更改