CSS-背景圖片定位

Question

是否有可能使用CSS background-position:將圖片定位到元素的最右邊，然后再減去幾個像素，以使其不緊靠邊緣？ 無需在實際圖像本身上添加一些填充？

謝謝

Answer 1

假設您的div寬度為1000像素，而您希望其距右側5像素，則代碼為

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.

Answer 2

有一些方法。 只需使用最右邊的背景位置即可：

background-position: right center;

並將其與：

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

右邊有5px的縮進。