2012-06-18 84 views
0

我已经习惯了位置的div X PX从中间像这样:有没有像背景边缘?

#theDiv 
{ 
    position:  absolute; 
    top:   50%; 
    left:   50%; 
    margin-top:  -50px; 
    margin-left: -100px; 
} 

现在我要存档类似的东西与我的身体背景:

body 
{ 
    background-position: 50% 50%; 
    /*background-margin-top: -100px from the middle...*/ 

} 

我知道如何可以做到这一点与额外的股利和使用Z指数, ,但真的没有一个更简单的方法?

+0

不认为你可以遗憾的是做到这一点,至少不会用JS –

+0

不,没有'背景余裕top',对不起。但你可以用js重新定位背景...... – poncha

+0

@iceteea答案是否定的,但是你是否尝试了更少或sass? – Greg

回答

1

您可能可以使用less.js(或SASS)来计算图像的位置。

完全未经测试但这样的事情可能工作:

body 
{ 
    background-position: 50%-100px; 
} 
-1

background-position: center;将使背景图像居中,没有像你的任何黑客或变通办法的nedd。

+0

这不是问题。 – iceteea

+0

可能是真的,但是做什么而不是将背景图像居中?也许还有另外一个解决方案来完成你想要完成的任务。 – feeela