html - cssで背景画像を配置する方法

Question

こんにちは、背景画像をページの中央から固定位置に配置することは可能ですか?

Answer 1

はい、可能です。次のコードを使用します。

body {
  background: url("yourimage.gif") 50% 50% no-repeat;
}

Answer 2

はい、

{
background-position: center;
background-repeat: no-repeat;
}

Answer 3

これはどう：

フィドル

div
{
    position:fixed;
    top: 50%;
    left:50%;
    background: url(http://placehold.it/50x50) no-repeat;
    width: 50px;
    height:50px;
   /*margin: offset here*/ 
}

ここでは、画像の左上の点がページの中央にあります。マージンを追加することで、これを相殺できます。

したがって、あなたの場合、中心から100px右にオフセットする必要があるので、追加してくださいmargin-left:100px