Div Bild wird nicht angezeigt

roglen

Grünschnabel
Moin,
ich habe erst kürzlich mit html und css angefangen und habe folgendes Problem, mir wird nämlich das Hintergrundbild von meinem Div nicht angezeigt. Danke schon mal im voraus :D
Hier der Code:
Html:

<div class="bild">
<div class="text">
<span class="rand">
<h2>Python</h2>
</span>
</div>
</div>

CSS:

.bild{
background-image: url("img/python.jpg");
background-size: contain;
min-height:400px;
position: absolute;
top:50%;
width:100%;

}
 
Lösung
Sieht zunächst mal gut aus. Steht das CSS in einer getrennten Datei? Bei CSS ist der Referenzordner der, in dem die CSS-Datei liegt. Angenommen die CSS-Datei liegt hier:
css/dein-css.css
und das Bild hier:
img/python.jpg
dann musst Du zunächst eine Stufe im Baum hinauf gehen:
background-image: url("../img/python.jpg");
Sieht zunächst mal gut aus. Steht das CSS in einer getrennten Datei? Bei CSS ist der Referenzordner der, in dem die CSS-Datei liegt. Angenommen die CSS-Datei liegt hier:
css/dein-css.css
und das Bild hier:
img/python.jpg
dann musst Du zunächst eine Stufe im Baum hinauf gehen:
background-image: url("../img/python.jpg");
 
Lösung
Zurück