如何使用背景附件但不垂直來水平修復背景

Question

我有一個div（#main），它已經居中放置在body元素的中間。 body具有水平重複的背景圖像和顏色，與元素的左上角對齊。 #main有一個固定的寬度，靈活的高度，以及它自己的背景圖像和顏色。

我試圖完成的工作，如下圖所示，將#main中的背景圖像與body的背景圖像對齊。這兩個背景圖像將會相似，所以正確的對齊是必要的。

我試圖在#main的背景圖片上使用background-attachment: fixed;，除非明顯導致整個背景圖片隨着頁面滾動;因爲我試圖完成#main的背景與body的背景正確對齊的效果，但只能水平重複，並且在垂直滾動時不會跟隨用戶。

Demonstration http://img163.imageshack.us/img163/2783/bgfixedexample.png

（我試圖張貼此對doctype，但它不會接受我的谷歌的OpenID）

Answer 1

您可以使用屬性背景位置和背景重複

.myClass { 
    background-image:url(myimg.png); 
    background-repeat:repeat-y; 
    background-position: -5px 5px; /* Any percentage or pixel value you want 
    or you can use center top etc.*/ 
} 

玩這些CSS屬性，我相信你會實現你想要的。