当unhover状态是文本时，预加载图像的最佳方法是什么？

Question

我知道当你将图像用于这两种状态时，使用CSS精灵是可行的方法，但是当你将文本作为未被发现的状态时会怎样呢？悬停时的图像？

我能想到几种方法，但想知道哪种方法最适合人们的意见？

我可以考虑通过JavaScript或通过隐藏的CSS元素加载它。

Answer 1

您是否在自己的网站上为other relevant images使用CSS Sprites？

如果没有，那么你应该这样做。

将“其他相关图像”和“菜单图像”放在同一个精灵图像中。

即使它仅用于另一张图片，也意味着您的:hover菜单图片会自动预加载。

Answer 2

你可以使用相同的精灵，只需将精灵设置为透明部分，或者将background-position设置为按钮，当悬停时，将其设置到正确的位置并text-indent文本，如果按钮图像上有文字。

大多数浏览器都不会预加载隐藏的图片。