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

Question

css 正在拉动允许我在悬停时交换图像的图像。我的问题是，在我第一次悬停时，图像消失了。第二次悬停，图像出现。以下悬停，一切正常。

为什么以及如何解决它？

Answer 1

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

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