2012-10-09 103 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'。 –