2010-08-28 86 views
3

我有一個背景圖像設置爲中心,需要固定的位置。不過,我想只是將它偏離中心100px,有什麼想法?如何將背景圖像置於中心位置?

CSS background:url(styles/images/bg.png)no-repeat center 0; background-attachment:fixed;

這是工作樣例 http://www.warface.co.uk/clients/detail-shoppe/

+2

不能只編輯圖像? :/ – 2010-08-28 11:23:52

+0

我需要添加一個巨大的清除空間,這將增加文件大小。它需要保持在瀏覽器上的內容調整大小 – Rob 2010-08-28 11:31:01

+0

鏈接被打破。 – 2014-03-11 00:33:14

回答

-3

看起來background-position是你在找什麼。

退房此link更多細節

+1

這個答案只是一個沒有回答OP問題的w3schools頁面的斷開鏈接。 – 2014-03-11 00:34:15

5

創建較大的背景圖像是300像素寬(左或右分別)將背景150像素從中心偏移。在後臺屬性中沒有css樣式會執行此操作。如果你不想創建更多的div,這是唯一的方法。

+0

這個解決方案是唯一有效的解決方案,真正回答Rob的問題(我有同樣的...)。確實將背景位置設置爲100px將會移動圖像的錨點。 – 2013-02-25 16:51:26

+0

您可以使用image magick wery執行此類操作:image.jpg -gravity East - 通過用原始尺寸替換寬度和高度來擴展 x image_extended.jpg。 – 2013-02-25 16:52:51