Question

css设置背景图定位的问题

有下面一组样式
.mainNav li a.on{ background:transparent url(/ou/index2011.png) no-repeat right -131px;}
.mainNav li a.on span{ background:transparent url(/ou/index2011.png) no-repeat -683px -162px; color:#333;}

这幅图就是index2011.png，样式设置里面-131px和-683px -162px这个是怎么得来的，请详说，我对这个很迷惑，谢谢

Answer 1

你查查background-position并练习一下就知道了，背景图的两个偏移值可以用background-position: x y;表示。x是水平位置偏移，y是垂直位置偏移。

你可以用坐标来理解，图片左上角的坐标就是0 0。如-683px -162px就是：水平偏移683px，垂直偏移162px

具体的数值是根据你图片来定的，如下图：黑色的图片距离左边30px，距离顶部60px，那么background-position的两个值就是-30px -60px

Answer 2

你在ps里面打开这个图，从ps画布左上角 0,0 位置处画个 131px 的方块，你就懂了。
-131px 取决于图片中 131px 开始的地方是什么图案。

Answer 3

分别是背景图片偏移值
right -131px;分别指示X轴和Y轴偏移值
及X方向右靠齐，Y轴向上偏移131px
望采纳，谢谢

追问

这个数值（131）是怎么得来的，根据什么能找到这个具体的数值呢

追答

这里 同楼上那位所说，因为一般背景图都是多个图合并的，而用的时候只是需要其中一个部分