CSS - 背景圖像定位

是否有可能使用CSS background-position:將圖像定位到元素的最右側，但然後減去幾個像素，這樣就不會對着邊緣？無需爲實際圖像本身添加一點填充？CSS - 背景圖像定位

感謝

2010-11-18 Probocop

可能的重複[如何定位背景圖像從它的容器右側的絕對距離？]（http://stackoverflow.com/questions/3319514/how-can-i-position-a-background -image-an-absolute-distance-from-the-right-of-its） – 2010-11-18 10:22:47

比方說你的div是1000像素寬，你希望它爲5px從右邊的代碼將

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

編輯：

正如指出上面的代碼做不適應圖像的大小。

比方說你的div是1000像素寬，你的形象是100像素寬，你想從右邊5px的代碼將

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

你的定位是Div Size - Image Size - desired spacing from right edge.

來源

2010-11-18 10:33:24 Blowsie

是的，我想這是一種方法，謝謝！如果它可以從右側相對完成，那將會很好，所以它可以應用於不同寬度的元素。 – Probocop 2010-11-18 11:55:26

有一些哈克的方式。只需使用後臺位置的最右邊：

background-position: right center;

，並結合它：

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

爲爲5px從右縮進。

來源

2014-01-24 09:00:01 qwertyroot

CSS - 背景圖像定位

回答

相關問題