有背景保证金吗？

Question

我习惯于从中间定位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...*/

}

我知道如何通过额外的div和使用z-index实现这一目标， 但是真的没有更简单的方法吗？

Answer 1

您可以使用less.js（或SASS）来计算图像的位置。

完全未经测试但是这样的事情可能有效：

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

Answer 2

background-position: center;会使背景图像居中，而不需要像您那样的任何黑客或变通办法。