CSS Sprite、CSS雪碧图应用实例
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