CSS - 背景图像定位

时间:2010-11-18 10:20:27

标签: css background

是否可以使用CSS background-position:将图像定位到元素的最右侧,然后减去几个像素,这样它就不会对着边缘?无需为实际图像本身添加一点填充?

由于

2 个答案:

答案 0 :(得分:4)

让我们说你的div是1000px宽你想要它从右边代码5px

background: url('image.jpg') no-repeat 995px 50%;

修改

正如所指出的,上面的代码不适合图像的大小。

让我们说你的div是1000px宽,你的图像是100px宽你想要它从右边代码5px

background: url('image.jpg') no-repeat 895px 50%;

您的定位为Div Size - Image Size - desired spacing from right edge.

答案 1 :(得分:0)

有一些hacky方式。只需使用最右边的背景位置:

background-position: right center;

并将其与:

结合使用

box-sizing: border-box; border-right: 5px solid transparent;

右侧的 5px 缩进。