把图标换成精灵图出现的问题？

Question

原来这个小图标是一个切出来的图片，

background: url(../images/down.png) no-repeat right center;

现在换成一个精灵图,样式就变成小三角跑到左上方。
怎样让他像原来一样位置

background: url(../images/mas_index.png) no-repeat right center;
background-position: -130px -33px;

Answer 1

因为background-position:-130px -33px;覆盖了background:... right center;所以它会从你设置的background对应的元素的左上方开始填充，当然就会在左上方。