我有一个悬停元素，当我将鼠标悬停在它上面时，背景图像会发生变化。这很好，但它只是在我将鼠标悬停在图像上时才加载图像，而不是之前，我会在短时间内看到空白框。如何预加载图像？
最佳答案
在你 body 的开头，加载隐藏的图像:
<body>
<img src="myimage.png" style="display: none;" />
</body>
当您调用它时，浏览器将使用它的缓存来捕获相同的图像以作为背景加载，因此没有延迟。
关于CSS后台预加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15598032/