前端之家收集整理的这篇文章主要介绍了
CSS:悬停状态图像缓存,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我们定义任何CSS的悬停状态时……&在悬停状态下我们改变背景:url(‘image path’);这个图像是预先加载将在元素的第一个悬停下载..如果是这样,那么如何
预加载…我知道javascript
预加载图像..这是工作…
如果你试图避免让你的悬停状态图像只加载它们,它们会被徘徊,而不是
预加载它们,为什么不创建同时保存正常和悬停图像的精灵?这样您就可以确保所有悬停状态图像都已加载,同时减少所有请求的开销.您需要做的唯一事情是设置background-position
属性的值.
至于你的第一个问题,我想找到答案的最好方法是使用两个大图像(几个壁纸可以工作)并自己测试,虽然我怀疑图像只会在鼠标悬停时加载原始图像,因为那是代码执行的时候.
希望这可以帮助 !
原文链接:https://www.f2er.com/css/217369.html