将背景图像居中在div中

Question

我试图将一个图像居中在一个div中，它接近，但仍然没有真正居中。图像为976x976像素。以下是CSS：

{{1}}

图片必须居中，但顶部和右侧过高，即：

Answer 1

查看您提供的URL我发现，由于bgimage比div本身大，因此定位背景图像确实更靠近顶部。因此，您需要使用百分比。

background: url("images/background.png") no-repeat 50% 18.5%;

可以解决您的问题并将图像放在div的中心

Answer 2

似乎工作正常？ 我改变了你的速记css的顺序，并使用了50％而不是中心。

div {
  position: absolute;
  width: 100%;
  height: 100%;
}

div {
  
     margin-left: auto ;
     margin-right: auto ;
     border:11px solid red;
     max-width:976px;
     height:976px;
     min-width: 433px;
     padding:0;
     background: url("http://lorempixel.com/output/fashion-q-c-976-976-4.jpg") no-repeat 50% 50%;
}

<div></div>

您链接上的图片是一张矩形图片，顶部的圆圈不是正方形。

裁剪该图片以使您的代码正常工作！