Probleme Zentrierung Hintergrundbild

Question

Ich habe Probleme mit dem Zentrieren des Hintergrundbildes innerhalb einer bestimmten div. Ich benutze den folgenden Code für 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%; 
} 

Ich habe gebastelt und versucht, aber ohne Erfolg. Ich bin mir ziemlich sicher, dass es eine einfache Antwort ist, und danke Ihnen allen im Voraus für Ihre Hilfe und Ihren Rat.

ist ein Screenshot des Problems unten

Answer 1

Verwenden Sie die folgenden in Ihrem CSS angehängt:

display: block; 

Answer 2

Sie haben zB Hintergrundposition Eigenschaft verwenden:

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

Sie können den Rand anpassen, wie Sie möchten, aber es ist kein guter Weg. Wenn Sie mehr richtige Art und Weise wollen dann versuchen, diese:

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