css - 有没有类似背景边距的东西？

Question

我习惯于像这样从中间定位 divs 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-indexes 来实现这一点，但真的没有更简单的方法吗？

Answer 1

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

完全未经测试，但这样的事情可能会奏效：

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

Answer 2

background-position: center;将使背景图像居中，而无需像您这样的任何黑客或变通方法。