麻烦居中的背景图片

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;
}