控制身體的背景圖像位置

Question

我想知道是否可能影響身體的位置;我有一個500×500像素的圖像，我已經定位在頁面的中心，設置爲不重複。我想知道是否有可能以某種方式扭曲定位，使其從中心向下看20個像素，因爲我有一個覆蓋背景的較大頭部。

任何想法？

謝謝。

Answer 1

如果您不特別關於精確偏移20px，則可以使用百分比來偏移背景的y座標。這裏有一個例子：

background-position:50% 55%; 

下面是詳細信息的鏈接：http://www.sitepoint.com/blogs/2007/07/05/css-using-percentages-in-background-image/

Answer 2

使您的背景圖像在頂部40px更高。這會將圖像分散20px。

您可以嘗試使用div和邊距進行黑客入侵，但使圖像更高，但不會導致脫髮。

Answer 3

調查在CSS中使用background-position規則。它需要2個值，用空格隔開，像這樣：

background-position: left center; 

或

background-position: 50px 100px; 

它們在X Y的順序。