Question

您可以将bg图像从页面中心放置到固定位置吗？

Answer 1

是的，这是可能的。使用以下代码。

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

Answer 2

是，

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

Answer 3

这个怎么样：

FIDDLE

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

如何用css放置bg图像

3 个答案: