css - background-margin のようなものはありますか?

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 を使用してこれを実現する方法は知っていますが、実際にはもっと簡単な方法はありませんか?

score 1 · Accepted Answer

画像の位置を計算するには、 less.js (または SASS) を使用できる場合があります。

完全にテストされていませんが、次のようなものが機能する可能性があります。

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

score -1 · Accepted Answer

background-position: center;あなたのようなハックや回避策を必要とせずに、背景画像を中央に配置します。

2 に答える 2