麻煩居中背景圖片

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