2012-10-09 142 views
0

目前我有:CSS:調整身體填充而不影響背景填充?

body 
{ 
    background-image:url('images/background'); 
    background-color:#000; 
    background-position:center; 
    background-repeat:repeat-y; 
    padding-right: 75px; 
    padding-left: 75px; 
} 

我怎樣才能獲得背景表現得更像這樣:

body 
{ 
    background-image:url('images/background'); 
    background-color:#000; 
    background-position:center; 
    background-repeat:repeat-y; 
} 

同時還具有除背景外體內的東西填充?

基本上,我希望背景不受填充設置影響,不像文本,圖像等設置在身體內。

+0

也許我錯過了一些東西,但是由於填充,背景不會移動。只有當你設定保證金(並因此實際上_移動元素),背景纔會隨之移動。填充不是很多。 – powerbuoy

+0

目前我有一個簡單的白色背景,左右兩側只是一個簡單的黑色條紋。我希望文本,圖像等僅在白色區域內顯示,因此我將邊距設置爲比黑色邊框更寬,但是出於某種原因,當我查看頁面時,背景圖像也受到影響並且不符合實際。 – jrquick

回答

1

重新排列的東西一點點,所以你必須在你的身體一個新的頂層容器,使...

<body ...background goes here ...> 
    <div id="therealbody" ... padding goes here ...> ... content here ... </div> 
</body> 
+0

在哪裏,或者我應該怎麼說,我是否會將CSS標籤放在該div標籤中? – jrquick

+1

@JeremyQuick:將樣式應用於'#therealbody'。 –