css的background-url属性是怎么计算图片中各个小图的位置的？

[vioalouyang]

如一个png中里面有三个不同颜色的小星星，怎么能准确写出每个小星星的像素位置？
如图

[slwsss]

background-position

[slwsss]

 <div style="background: url(https://img-bbs.csdn.net/upload/201411/20/1416475573_323694.png) no-repeat 0px -30px;width:100px;height:34px"></div>

[moonwrite]

http://64.233.171.161/ 搜索 css 图片 位置 得： http://www.ruanyifeng.com/blog/2008/05/css_background_image_positioning.html http://www.w3school.com.cn/cssref/pr_background-position.asp http://www.wibibi.com/info.php?tid=79

[弘毅致远]

有 合图工具，可以生成css。

[vioalouyang]

引用 2 楼 slwsss 的回复:

 <div style="background: url(https://img-bbs.csdn.net/upload/201411/20/1416475573_323694.png) no-repeat 0px -30px;width:100px;height:34px"></div>

这里面讲的很好，但是没说图片右上角的原点的坐标（？），放到规定的位置(?)。

[slwsss]

引用 5 楼 viola123ouyang 的回复:

[quote=引用 2 楼 slwsss 的回复:]

 <div style="background: url(https://img-bbs.csdn.net/upload/201411/20/1416475573_323694.png) no-repeat 0px -30px;width:100px;height:34px"></div>

这里面讲的很好，但是没说图片右上角的原点的坐标（？），放到规定的位置(?)。[/quote] 那个只能用高度来控制

[weixin_42557379]

别听别人乱说，他们 说的都不对，这个问题其实就是雪碧图方法，后面数字是根据你想要的每个小图片在大图片的位置来决定的， 一般都是负值，你需要自己看看具体位置，我可以网上百度雪碧图方法 很简单 也很详细