栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

优点&解决的问题

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

缺点

  1. 位置不好控制,有时候容易露底。。比如说3030的按钮,图片只有1212保不齐就漏出其他图片了。
  2. 合成时候比较费时(有工具代替)
  3. 位置计算费时(有工具代替)
  4. 更新一部分的时候,需要重新加载整个图片,缓存失效。
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/370502.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号