麻烦居中背景图片

Question

我在某个div内将背景图像居中时遇到问题。 我将以下代码用于CSS：

.background3 {
  max-width: 90%;
  height: 400px;
  margin: 0 auto;
  background: linear-gradient( rgba(86, 71, 71, 0.56), rgba(86, 71, 71, 0.56)), url(img/kitpage.jpg) no-repeat 50% 50%;
}

我已经尝试过，但无济于事。 我很确定这是一个简单的答案，在此先感谢大家的帮助和建议。

问题的屏幕截图如下

Answer 1

在CSS中使用以下内容：

display: block;

Answer 2

您必须使用背景位置属性，例如：

.background3 {
  max-width: 90%;
  height: 400px;
  margin: 0 auto;
  background-position:20% 20%; // Margin background from top and left
}

您可以根据需要调整边距，但这不是一个好方法。 如果您想要更正确的方法，请尝试以下操作：

.background3 {
  max-width: 90%;
  height: 400px;
  margin: 0 auto;
  background-size:auto 100%;
  background-position:center center;
}