[css] 解释下 CSS sprites的原理和优缺点分别是什么

时间:2021-2-26 作者:admin

[css] 解释下 CSS sprites的原理和优缺点分别是什么

我来说下我的观点
原理:
多张图合并成一张图

优点&解决的问题

    hover效果,如果是多个图片,网络正常的情况下首次会闪烁一下。如果是断网情况下,就没图片了。sprites 就很好的解决了这个问题(第一次就加载好了)。
    合并了请求数
    制作帧动画方便

缺点

    位置不好控制,有时候容易露底。。比如说3030的按钮,图片只有1212保不齐就漏出其他图片了。
    合成时候比较费时(有工具代替)
    位置计算费时(有工具代替)
    更新一部分的时候,需要重新加载整个图片,缓存失效。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。