如何仅使用 CSS 预加载图像，而不使用 JavaScript？它必须是跨浏览器的。
我不想使用 CSS 精灵。还有其他解决方案吗？
问问题
356 次
3 回答
4
使用CSS 精灵。
于 2009-12-15T05:39:37.917 回答
1
您可以使用多个隐藏的元素，background-position: -1000px -1000px;并background-image为您要预加载的每个图像提供一个。
于 2009-12-15T08:39:04.600 回答
0
您可以尝试在结束正文标记之前加载它们而不显示它们。然后，如果您稍后调用它们，如果您使用完全相同的路径，它们应该在缓存中。
<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />
您还可以使用 display:none 创建一个类，并将其应用于您想要预加载的所有图像。
不过，这会产生更多的 HTTP 请求，如果你想减少那些我建议 CSS Sprites 的请求，如果你担心的话。
于 2009-12-15T08:34:30.210 回答