Question

css no-repeat后面的数字是什么意思，比如css no-repeat 0 0，css no-repeat -8px 0.

看了很多关于他的解释，比如第一个代表水平位置，第二个代表垂直位置，如果以十字线为例的话，是不是图片的左上角顶点在十字线的原点处，比如这个图，为什么background:url(../images/l_r_btn.gif) no-repeat 0 0;就是显示第一个小图，background:url(../images/l_r_btn.gif) no-repeat -8px 0;就是显示第二个小图

Answer 1

背景图片的位置，那两个数字是图片左上角到div（以div为例）左上角的偏移量。
第一个数字正数向左，负数向右；第二数字正数向下，负数向上；
首先将背景图的左上角与div的左上角重合，0 0表示不动，8px 0：表示将背景图向左移动8像素，-8px 0：表示将背景图向右移动8像素，0 8px：背景图向下移动8像素，0 -8px：背景图向上移动8像素；8px 8px：背景向左移动8像素再向下移动8像素；
超出div的部分会隐藏不会显示出来

Answer 2

是的，
以这个为例：background:url(../images/l_r_btn.gif) no-repeat -8px 0;
background:url(../images/l_r_btn.gif) // 图片地址
no-repeat //不重复
下面是尺寸，以图片的左上角为 0 0 ，
-8px // X 轴 向右移 8 PX
0 // Y 轴 不变

不过，这样写的时候一定要加上 width，height 不然，一样会超出尺寸

Answer 3

的确是这样的，而且后边两个数字是分别表示x轴和y轴的，前边是x后边是y，这个不能错，还有就是数字大小问题，x的负数就是将图向左移动后的显示区域，y的负数是向上移动的后的，正数相反

Answer 4

背景图片的显示是默认从左到右，从上到下的。所以会有个默认的左上角作为图片的展示的起始点，后面的数值是更改那个默认的起始点。

Answer 5

-8px 是以图片左上角 为坐标（0，0） 向左移动八个像素的意思