微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS:悬停状态图像缓存

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

解决方法

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

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

希望这可以帮助 !

原文地址:https://www.jb51.cc/css/217369.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。