Hintergrund bild im header wird nicht angezeigt?
Hallo, ich will in meine Html Website ein Bild als Hintergrund im Header haben, dies geht nicht, ich habe schon mehrmals gegoogelt und verschiedene Codes probiert, aber wenn ich die Seite aktualisiere bleibt sie weiß, und sagt, dass das Bild nicht gefunden werden konnte, obwohl ich es im gleichen Ordner habe wie meine Index und CSS Datei. Wisst ihr einen Rat? Danke im Voraus.
hier der Css Code:
.header{
min-height: 100vh;
width: 100%;
background-image: /*linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),*/ url(Website4/Dateien/Bilder/12.png);
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
}
Hier der Screenshot, Index und Css sind im Ordner Dateien genauso wie das Bild in einem Unterordner davon.
2 Antworten
Dein relativer Pfad startet beim falschen Ordner. Sowohl die Startseite als auch deine CSS-Datei liegen doch in Website4/Dateien. Der Pfad zum Bild wäre demzufolge Bilder/12.png.
url('Bilder/12.png');
Alternativ kannst du auch vom Rootverzeichnis deiner Webseite ausgehen. Wenn diese Rolle Website4 einnimmt, wäre der korrekte Pfad:
url('/Website4/Dateien/Bilder/12.png');
Du hast sie in demselben Ordner wie die Css und index-Datei? Ich gehe stark davon aus, dass du dich hier mit dem Pfad vertust. Ich wüsste nicht weshalb man den Ordner für die Bilder so verschachteln sollte.
Kannst du die ordnerstruktur einmal Screenshoten?