CSS -- background-position

当background-postion取值为百分比时，计算方式:

当背景图片尺寸（background-size）不做任何的重置（也就是100% 100%）时，水平百分比的值等于容器宽度百分比值减去背景图片宽度百分比值。垂直百分比的值等于容器高度百分比值减去背景图片高度百分比值。

如果background-position取值background-position: 75% 50%;，背景图片的起始位置：

水平位置（x轴）= (容器宽 - 背景图宽) * 75%
垂直位置（y轴）= (容器高 - 背景图高) * 50%

原文地址