首页 > css中background-position以百分比作值时的参考点是谁?

css中background-position以百分比作值时的参考点是谁?

例如为body设一个背景图片。

    position: 0% 0% 

这时是以图片左上角为参考点,图片的左上角到了body的左上角

    position: 50% 50%

这时图片的中心点又成了参考点,图片的中心点到了body的中心点

    position: 100% 100%

这时图片的右下角又成了参考点。

那我要放到别的位置咋办?参考点到底是谁?


一种按公式算,像楼上那种

一种感性理解:
比如
background-position: 100% 50%;
水平方向:容器的100%位置和图片的100%位置对齐
垂直方向:容器的50%位置和图片的50%位置对齐

这里讲得比较清:http://www.funpin.info/71.html


百分比的计算方法:
x=(容器宽度-背景图片宽度)百分数
y=(容器高度-背景图片高度)
百分数
差值可正可负

【热门文章】
【热门文章】