0
点赞
收藏
分享

微信扫一扫

~76雪碧图

念川LNSC 2022-02-08 阅读 80

一、图片闪烁的问题

可以将多个小图片存到一个大图片中,然后通过调整 background-position 来显示图片,这样图片会同时加载到网页中,可以有效的解决图片的闪烁问题

这项技术在网页中的应用十分广泛,被称为CSS-Sprite,这种图被称为雪碧图


二、使用步骤

1、确定要用的图标

2、调整图标的大小

3、将测量结果创建一个元素

4、将雪碧图设置为元素的背景图片

5、设置一个偏移量来显示正确的图片

特点:一次性将多个图片加载进页面,降低请求的次数,加快访问速度,提升用户体验


 

举报

相关推荐

0 条评论