CSS重複背景固定與中心html內容有關？

Question

我的網頁包含的內容包含在始終居中的固定大小的框中，以及填充視口其餘部分的重複背景圖像。無論如何調整瀏覽器窗口大小，我都希望重複背景以保持與內容框的關係。這可以用CSS來完成嗎？

Answer 1

如果您使用background-position，則可以將背景固定到特定的位置，在這種情況下，水平居中爲#main-wrap。

http://jsfiddle.net/5kmb2/1/

body { 
    margin: 0px; 
    padding: 0px; 
    background-image: url(http://rturngames.com/images/plethora_bkgnd.png); 
    background-repeat: repeat; 
    background-attachment: fixed; 
    background-position: 50% 0; /* NEW LINE */ 
} 

Answer 2

肯定，設定背景位置到中心：優選在[的jsfiddle]（HTTP

background-image: url(http://rturngames.com/images/plethora_bkgnd.png); 
background-repeat:repeat; 
background-position:center; 

http://jsfiddle.net/5kmb2/2/