background-position属性

background-position属性

css 属性:

background-position: x y;

x、y值可以是left right top bottom center，可以是相对值%，可以是数字。 

1、x作用于横轴，y是竖轴

        2、当取英文关键字时，left 相当于 x:0%，center为50%具体看它放在x还是y处。

注：无论left在x或者y的位置，它都会将x变成0%;

        3、xy取数字，就是图片左上角与元素的左上角的位置偏移。取负数，则向上向左偏移。

        4、xy取%，如10% 20%，图片的（10%*宽，20%*高）坐标对应元素的（10%*宽，20%*高）坐标，两个坐标重合就是图片的位置。如果取负数则是元素的左上角与图片（10%*宽，20%*高）坐标重合。

来源： http://yxc-gdut.iteye.com/blog/1820537