HTML/CSS, Bilder werden nicht angezeigt?
Ich habe im <body> mehrere divs, in denen abwechselnd divs und Texte untereinander angezeigt werden sollen. Die Bilder sollen auf voller Höhe sein (height: 100vh;). Wenn ich die Bilder mit <img src=""> im HTML Code im div einfüge, wird es angezeigt. Will ich es aber in meiner CSS Datei als background-image vom div einfügen, wird der Bereich, wo das Bild sein sollte, einfach nur grau. Die style.css ist richtig in der HTML-Datei angegeben, da andere Styles funktionieren. Der Pfad ist ebenfalls richtig angegeben. Hat jemand Ideen, was ich falsch mache? :(
3 Antworten
Kannst du vielleicht mal den Code zeigen?
Du musst dem Bild in CSS auch eine höhe und eine breite geben.
Prüfe deinen Bildpfad und setze diesen auch in Anführungszeichen, für den Fall, dass der Pfad Leerzeichen enthalten sollte.
background-image: url('some/path/to/image.jpg');
PS.: Beachte bei img-Tags, dass auch ein alt-Attribut erwartet wird.
Kannst du mal deinen Code posten?
z.b auf pastebin