第一次改变css背景图像，一个div，闪烁

Question

我在div上设置了背景图片，并设置了javascript mouseover事件来更改背景图片。鼠标悬停时，它会切换到另一个图像，但在第一次加载并显示在浏览器中时，它会闪烁。之后图像正常变化（没有闪烁）。

Answer 1

您需要预加载图像以避免闪烁。使用CSS可以做到：

body::after {
    content: url(preload-me-1.jpg) url(preload-me-2.jpg);
    display: none;
}

但也许你真的需要image sprites来改变鼠标悬停的背景，这样你就不需要预加载了。