如何预载的图像只有使用CSS(没有JS)?

Question

我怎么可以预载的图像只有使用CSS，因此，没有使用JavaScript?它必须跨浏览器。

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

Answer 1

你可以使用多种元素，隐藏 background-position: -1000px -1000px; 并给他们一个 background-image 每一个图像，你想要前负荷。

• 你可以读取更多的在这里

Answer 2

使用 CSS精灵。

Answer 3

您可以尝试结束标记之前加载所有这些，没有显示出来。然后，如果以后给他们打电话他们应该是在缓存中，如果你使用相同的路径。

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

您也可以与显示器类：无并应用到所有图像的要预加载以及

这会招致虽然更多的HTTP请求，如果你想减少这些建议CSS精灵如果关注过你。