css sprite

一.需求:提升首评加载速度,除了要将全部使用的图片,资源文件压缩,添加懒加载,还须要合并页面中使用到的全部图标到一张大图里,减小请求次数url

二.实现:全部图标放到一张大图上,使用background定位获取到要显示的图标并控制元素的宽高便可图片

三.代码:资源

.logo{
  background:url('../../imgs/sprite.png') no-repeat;
  background-position:10px 10px;
  width:30px;
  height:30px;
}
相关文章
相关标签/搜索