2016-11-27 7 views
0

Ich programmiere seit über einem Monat non-stop. Jetzt habe ich ein Problem. Ich mache ein Hintergrundbild. Und es funktioniert nicht! HierCSS/HTML-Hintergrundbild funktioniert nicht

ist der HTML-Code:

Html Code

Und hier ist der CSS-Code:

CSS Code

+7

Bitte den eigentlichen Code enthalten, anstatt Bilder des Codes. –

+1

Wahrscheinlich ist Ihr Bildpfad falsch. Überprüfe deine Konsole auf Fehler. – Vucko

+0

Wenn Sie den eigentlichen Code hier auf dieser Seite veröffentlichen (verwenden Sie das "<>" Symbol), dann können wir Ihnen sagen, was schief gelaufen ist. –

Antwort

0

Ich konnte nicht Ihren Code ausführen, aber ich habe meine eigene Version Ihres Code, um so lange zu arbeiten, wie Sie no-repeat festgelegt haben, und zentrieren Sie das Hintergrundbild in einem Div es funktioniert. Legen Sie eine min-height für den Behälter so immer der Hintergrund zeigt:

.background-thing { 
 
    border-bottom: 1px solid #bbbbbb; 
 
    background: url('http://placehold.it/400x400') no-repeat center center; 
 
    background-size: cover; 
 
    min-height: 200px; 
 
    }
<div class="background-thing"></div>

Verwandte Themen