background-position属性是通过平面上的x与y坐标定位的,所以通常取两个值.
例如:<percentage> <percentage>左上角为0%, 0%. 右下角为100%, 100%.
例如58%,56%就是从左上角算起,右移58%,下移56%.
<length> <length>6cm 8cm,从左上角算起,右移6cm,下移8cm.
下面是一些等式
top left, left top 等价于 0% 0%.
top, top center, center top 等价于 50% 0%.
right top, top right 等价于 100% 0%.
left, left center, center left 等价于 0% 50%.
center, center center 等价于 50% 50%.
right, right center, center right 等价于 100% 50%.
bottom left, left bottom 等价于 0% 100%.
bottom, bottom center, center bottom 等价于 50% 100%.
bottom right, right bottom 等价于 100% 100%.
posted on
