有没有一种只使用html/css就可以预加载图片的方法?
<link rel="prefetch" href="图像路径">
(Firefox)。在Chrome中,可以使用<link rel="prerender" href="http://example.org/index.html">
。是的,有一种叫做CSS精灵的技术。
它的基本原理是加载一个大图像,然后根据需要仅显示图像的某些部分。显然,这种技术并不适用于每个解决方案,但对于许多解决方案来说是很好的选择。
A List Apart有一篇关于此的优秀教程:A List Apart: Articles: CSS Sprites: Image Slicing's Kiss of Death
prefetch
是HTML 5标准。尽管我在2014年时还没有测试过哪个浏览器完全实现了这个功能。 - try-catch-finally