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

Question

我习惯像这样从中间定位 div X px:

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

现在我想存档一些与我的 body 背景相似的东西:

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;
}