百分比的计算方法:
x=(容器宽度-背景图片宽度)*百分数
y =(容器高度-背景图片高度)*百分数
差值可正可负
例如:
.b4
x=(300-600)*(-20%)=60px
y=(300-600)*(-20%)=60px
所以.b4也可以写为{background-position:60px 60px;}
</body>
</html>
x=(容器宽度-背景图片宽度)*百分数
y =(容器高度-背景图片高度)*百分数
差值可正可负
例如:
.b4
x=(300-600)*(-20%)=60px
y=(300-600)*(-20%)=60px
所以.b4也可以写为{background-position:60px 60px;}
</body>
</html>