CSS:悬停状态图像缓存

前端之家收集整理的这篇文章主要介绍了CSS:悬停状态图像缓存前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我们定义任何CSS的悬停状态时……&在悬停状态下我们改变背景:url(‘image path’);这个图像是预先加载将在元素的第一个悬停下载..如果是这样,那么如何预加载…我知道javascript预加载图像..这是工作…

解决方法

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

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

希望这可以帮助 !

原文链接:https://www.f2er.com/css/217369.html

猜你在找的CSS相关文章