如何仅使用CSS（无JS）预加载图像？

如何仅使用CSS预加载图像，而不使用JavaScript？它必须是跨浏览器的

---

我不想使用CSS精灵。是否有其他解决方案？

使用。

您可以尝试在结束正文标记之前加载所有内容，而不显示它们。然后，如果稍后调用它们，如果使用完全相同的路径，则它们应该在缓存中

<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />

您还可以使用display:none创建一个类，并将其应用于所有要预加载的图像

---

这将导致更多的HTTP请求，如果你想减少那些与你有关的CSS精灵，我建议你这样做。

你可以使用多个元素，隐藏在

背景位置：-1000px-1000px

并为每个要预加载的图像提供一个

背景图像

---

为什么不想使用CSS精灵？这在所有浏览器中都不起作用。它们中的一些不会在未显示的元素中进一步查看。