迷路的0161

博客园 首页 联系 订阅 管理

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

优点:减少网页http请求,提高页面性能,降低服务器负载;文件命名减少麻烦。

缺点:定位繁琐,布局固定,降低网页弹性。

直接用winwods的画图工具就能够查看需要的位置(记得要放在所需切完的图片左上角)的xy值,取值范围是(-无穷,0),单位px。

div的width和height值是你要显示的区域的长和高,background-position:X Y的值就是鼠标放到你要显示的小图标的左上角

的横坐标和纵坐标,特别注意:有负号。

 

posted on 2016-01-29 19:58  迷路的0161  阅读(123)  评论(0编辑  收藏  举报