开发者社区> 问答> 正文

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

a123456678 2016-03-25 14:08:53 784

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

position: 0% 0% 

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

position: 50% 50%

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

position: 100% 100%

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

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

前端开发
分享到
取消 提交回答
全部回答(2)
  • 1715319332039364
    2019-07-17 19:14:14
    该元素的宽高
    0 0
  • a123456678
    2019-07-17 19:14:14

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

    0 0
添加回答

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程