css - 第一个悬停图像消失,第二个悬停图像出现

标签 css image hover

CSS 正在拉取图像,使我可以在悬停时交换图像。 我的问题是,在我第一次悬停时,图像消失。第二次悬停,出现图像。并出现以下悬停,一切正常。

为什么以及如何解决?

最佳答案

这是因为第一次将鼠标悬停时,浏览器必须从服务器请求并下载新图像。这需要时间并且是您看到的延迟。由于浏览器缓存,后续的悬停操作很快。

您可以而且应该通过使用 CSS sprites 来避免这种情况.

关于css - 第一个悬停图像消失,第二个悬停图像出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11799878/

相关文章:

CSS Angular2-如何将 css 应用于一个组件内的嵌套元素?

javascript - 如何刷新 PHP 页面中的 div 类

c# - MyProject.resources 上的 FileNotFoundException

html - 在悬停 CSS 上添加左边框

css - 悬停时将链接图片向上移动 5 像素

javascript - 使用 jquery 禁用表单元素

css - HTML 电子邮件 - 垂直对齐内容

Java多图片 uploader

mysql - 从 MySQL 数据库中删除 blob

html - 为什么我的按钮不是我告诉它的颜色?