可能的值
关键词
top bottom left right center
如果仅规定了一个关键词,则第二个值将是"center"。
x% y% (默认值:0% 0%)
第一个值是水平位置,第二个值是垂直位置。
左上角是 0% 0%。右下角是 100% 100%。
如果仅规定了一个值,另一个值将是 50%。
xpos ypos
第一个值是水平位置,第二个值是垂直位置。
左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。
如果仅规定了一个值,另一个值将是50%。
可以混合使用 % 和 position 值。
当需要设置right/bottom距离时
- background-position: right 20px bottom 10px;
- 或使用calc语法
background-position: calc(100% - 20px) calc(100% - 10px);
网友评论