参考视频地址:CSS Sprite雪碧图应用-慕课网
适用场景
- 静态图片,不随用户信息的变化而变化
- 小图片,图片容量比较小
- 加载量比较大
一些大图不建议拼成雪碧图
实现原理
通过CSS属性 background-position
,控制展示区域的大小
background-position: 0 -24px;
参考视频地址:CSS Sprite雪碧图应用-慕课网
一些大图不建议拼成雪碧图
通过CSS属性 background-position
,控制展示区域的大小
background-position: 0 -24px;