我的理解：有人认为background-position 的位置移动中，这个属性相当于大图片不动，把div的顶点进行移动，移动到目标小图的顶点位置，
可参见：http://www.cnblogs.com/iyangyuan/archive/2013/06/01/3111704.html ， 我个人认为应该是div位置不变，变得是图片的位置，通过background-position将所需要的小图标定位到div的 0 ，0 位置从而完成小图标显示。并且，移动中 background-position 的值是要变为负值的，说明图片是向上移动的。
单图标定位 在上边的博客写的很详细，所以直接写 五星评分效果实现：
为了更好弄明白，把图加工了一下：
第一步：
养成良好编程习惯将每部分功能放进一个独立部分进行封装，所以在此直接 设置一个div元素:
查看更多关于css实现评分效果_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110847