精灵图(雪碧图)一招解决定位难问题，再也不用猜位置或者ps测距离了

很多时候我们都很头疼精灵图，因为它定位太难了，简直是一个噩梦，不用慌，一招解决这个问题

首先打开一个网站http://www.spritecow.com，会出现一个页面

我们点击open image，把我们的精灵图照片放进去，点击那两个按钮

 2*和%

然后点击精灵图中的任意一个小图标或者图片，下面就会出现类似的

.sprite {
	background: url('imgs/index.png') no-repeat 90.483% 15.614%;
	background-size: 375px 455px;
	width: 23px;
	height: 20px;
}
90.483% 15.614% 就是我们精灵图的位置，宽高里面也有显示

在页面怎么使用呢？？
很简单，跟以前一样啊

background: url('imgs/index.png') no-repeat 90.483% 15.614%;

就行了，说白了，那个网站就是专门为我们解决精灵图定位难问题的