欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-30 11:23:12
[css] 解释下 CSS sprites的原理和优缺点分别是什么我来说下我的观点原理:多张图合并成一张图优点&解决的问题 hover效果,如果是多个图片,网络正常的情况下首次会闪烁一下。如果是断网情况下,就没图片了。sprites 就很好的解决了这个问题(第一次就加载好了)。 合并了请求数 制作帧动画方便缺点 位置不好控制,有时候容易露底。。比如说3030的按钮,图片只有1212保不齐就漏出其他图片了。 合成时候比较费时(有工具代替)...

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

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

优点&解决的问题

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

缺点

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

个人简介

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

主目录

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

本文地址:https://blog.csdn.net/weixin_43392489/article/details/113810849