- 浏览: 381 次
最新评论
文章列表
我们都知道设置background-position的值如果为百分比,那么浏览器会通过一个简单的算法来计算出图片左顶点离容器左顶点的位置(也就是图片的偏移量)
比如:background-position: 50% 50%,浏览器计算x y偏移量算法分别为:
x: (容器宽度 - 图片宽度) * 50%;
y: (容器高度 - 图片高度) * 50%;
但是我需要的一个需求是:设置了background-position: 30% 0 之后,就将图片相对于容器偏移30% * 图片的宽度(也就是将图片向左移动30%长度):所以我得出了下面的方程式:
注:
x1:容器宽度
x2: 图片 ...