CSS Sprites技术被国内一些人称为CSS雪碧图,其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。

CSS 雪碧图技术不是什么新东西,在网页应用中已经有几年了,现在的网页开发在图标图片的应用上已经趋向于使用字体图标,这是一种比CSS雪碧图技术更优雅的图标应用方式。

一下是两张CSS Sprite样图:



在网站中的导航最常见最明显,一些地方的零碎小图标也多使用。

详情查看:http://blog.163.com/zhangmihuo_2007/blog/static/270110752015011391211/

最后由 Leo 编辑于2016年03月25日 11:58