合规国际互联网加速 OSASE为企业客户提供高速稳定SD-WAN国际加速解决方案。 广告
> **雪碧图**:Sprite PNG background Icons,是作为切图师、页面重构师、前端页面制作师的一门必备技艺。 > **原料**:CSS背景图片定位,多图标拼合成的PNG图片。 > **制作工艺**:把多个大小相同的图标放在一个PNG图片里,然后用CSS背景图片附加到图标元素中显示,从而减少页面的http请求,缩小图片的总体积。 苹果从前有个导航条,被人不断模仿: ![苹果以前的导航条](https://box.kancloud.cn/e3ade0970189e6bbf15cfa07378e5fbf_982x152.png) 普通PC网页中,雪碧图是比较好做的,这里不赘述。需要学习详情的看官,请自行搜索! =>小编给你推荐一篇:[CSS sprite的应用](http://www.cnblogs.com/myjavawork/articles/1981345.html) --- 重点开始了~ ### 移动端的雪碧图 这个雪碧图应用到移动端会怎么样呢?