使用repeat-y進行背景定位

我有一個背景圖片，它只是我頁面主要內容的包裝。使用repeat-y進行背景定位

我已經將這個圖像的背景圖像，如：

#background { 
    background: url("../image/bg.png") repeat-y 133px 50px; 
    color: #000000; 
    font-family: Arial,Helvetica,sans-serif; 
    margin: 0; 
    padding: 0; 
}

我本來以爲這會像133px從左邊50像素從榜首的位置，但它是對的頂部平齊瀏覽器。

任何人都可以闡明爲什麼這樣做嗎？

感謝

當影像具有repeat-y這種位置呢？

感謝

來源

2011-08-25 terrid25

您使用repeat-y這樣的背景垂直重複，都向下和向上。您指定的值 - 50px - 是原始背景開始的位置，但如果您的背景具有50px的高度，則不會注意到該差異，因爲它在其上重複。

來源

2011-08-25 15:31:19 jeroen

你願意做一些不同的事情嗎？可能使用負邊限？ – terrid25

@ terrid25根據你想要達到的目標，可能有幾種可能性。一種方法是給你的'body'設置一個50px的頂邊，然後把圖片放在那裏，並給你的'＃background'一個50px的負頂邊。 – jeroen

我想實現以下目標：我有一個名爲容器的主要div，它目前集中對齊。然後我有一個包裝div，這是一個背景圖像，就像容器兩側的陰影效果一樣。這個背景包裝器需要從容器上開始大約50px。因此，我最初嘗試使用repeat-y垂直定位的示例。我嘗試過使用負邊距而沒有成功。 – terrid25

使用repeat-y進行背景定位

回答

相關問題