CSS背景图片坐标问题。

是对的

1. 关键字, 例如: background-position: top right;
优点: 直观, 可用性高, 各浏览器中表现一致.
缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的 (left, center, right) 只能为你组合出最多 9 个位置. 不存在其他混式的组合. 并且很难像其他两种数值定位方法一样使用算数进行控制.
2. 像素, 例如: background-position: 0px 0px;
优点: 概念容易被理解, 只要知道如何测量容器左上角和图片左上角之间的距离, 就能准确地推测出图片显示的位置. 像素还能够精确的用数学来控制定位.
缺点: 你必须知道确实的值.
原理, 如图. 其实就是图片左上角相对于容器左上角的坐标关系.

参考这个位置图

neoease。com /css-background-position/

第一个数字说反了 正数向右

这样记有点山寨，想象一个坐标系(在编程中很多都是这种方向坐标)，x正向右，y正向下。第一个数是x值，第二个y

有个例子
http://www.w3school.com.cn/tiy/t.asp?f=csse_background-position_pixel
w3c的文档
http://www.w3school.com.cn/css/pr_background-position.asp

这两个值，第一个值如果是正数表示图片距离左边的像素，如果为负数就是越出左边边界，负数越小越出边界越大，第二个是距离上边的边界的像素，同第一个数原理一个，我发个链接给你弄弄你就明白了。http://www.w3school.com.cn/tiy/t.asp?f=csse_background-position_pixel
不管怎么讲还不如有例子让你试一下

第一个数字正数向左，负数向右 反了