CSS：悬停状态图像缓存

当我们定义任何CSS的悬停状态时……&在悬停状态下我们改变背景：url(‘image path’);这个图像是预先加载将在元素的第一个悬停下载..如果是这样,那么如何预加载…我知道javascript预加载图像..这是工作…

解决方法

如果你试图避免让你的悬停状态图像只加载它们,它们会被徘徊,而不是预加载它们,为什么不创建同时保存正常和悬停图像的精灵？这样您就可以确保所有悬停状态图像都已加载,同时减少所有请求的开销.您需要做的唯一事情是设置background-position属性的值.

至于你的第一个问题,我想找到答案的最好方法是使用两个大图像(几个壁纸可以工作)并自己测试,虽然我怀疑图像只会在鼠标悬停时加载原始图像,因为那是代码执行的时候.

希望这可以帮助 ！