CSS中背景图定位方法

在CSS中，background-position的定位方法有三种。
如下：

（1）关键字：background-position: top left
（2）像素：background-position: 0px 0px
（3）百分比：background-position: 0% 0%
这三种定位方法，都是将图片定位到左上角。结果是相同的，但是定位机制有所区别。在例子中的前两种定位，都是将背景图片左上角的原点，放置在规定的位置。
（1）关键字的定义是，left，center，right。top，center，bottom。
只能给定特殊位置，左中右，上中下，可选择性少
（2）像素的定位是根据你所给的X、Y轴的像素来进行定位。
可以给你任何想要的位置，使用广泛，典型：雪碧图。
但是第三种定位不是这样。它有其特别的定位机制。
（3）百分百：图片本身（x%,y%）的那个点，与背景区域的（x%,y%）的那个点重合。