CSS Hintergrundbild wird nicht geladen

9

Ich habe alle Tutorials verfolgt, die alle das sagen. Ich gebe meinen Hintergrund innerhalb des Körpers in meinem css-Stylesheet an, aber die Seite zeigt nur einen leeren weißen Hintergrund an. Das Bild befindet sich im selben Verzeichnis wie die HTML- und CSS-Seiten. Das Tutorial sagt das

%Vor%

ist veraltet, daher verwende ich in css

%Vor%

kein Erfolg. Hier ist das gesamte CSS-Stylesheet:

%Vor%     
jaredad7 27.01.2014, 06:44
quelle

11 Antworten

1

Hier ist ein anderes Bild URL-Ergebnis .. Arbeitet gut ... Ich bin nur einen Bild-Pfad gesetzt..bitte überprüfen Sie es ..

Fiddel: Ссылка

%Vor%     
Krish 27.01.2014, 06:48
quelle
16

Zuallererst, verabschieden Sie sich von diesen Zitaten:

%Vor%

Wenn html, css und image sich alle im selben Verzeichnis befinden, sollte das Entfernen der Anführungszeichen das Problem beheben. Wenn sich Ihr CSS oder Ihr Bild jedoch in Unterverzeichnissen befinden, in denen Ihr HTML-Code gespeichert ist, sollten Sie sicherstellen, dass Sie den richtigen Pfad zum Bild angeben:

%Vor%

Ich hoffe, es hilft.

    
Frankenscarf 27.01.2014 06:56
quelle
6

Ich hatte das gleiche Problem. Das Problem war letztendlich der Pfad zur Image-Datei. Stellen Sie sicher, dass der Bildpfad relativ zum Speicherort der CSS-Datei anstelle von HTML ist.

    
Timothy Carr 03.10.2016 19:53
quelle
2

für mich folgende Zeile funktioniert für mich, ich lege es in die CSS meines Körpers (wo Bild ist in dem gleichen Ordner, in dem meine CSS-und HTML-Dateien):

%Vor%

Sie müssen sich auch um die Bildausdehnung kümmern, achten Sie darauf, dass Ihr Bild die Erweiterung .jpeg oder .jpg hat. Danke

    
Usman 27.01.2014 06:56
quelle
2

probiere das

aus %Vor%

Ich hatte das gleiche Problem, wenn ich background-image: url("yourimagefolder/yourimage.jpg");

verwendet habe

Beachten Sie den Schrägstrich, der den Unterschied machte. Die Ebene des Ordners war der Grund, warum ich das Bild nicht laden konnte. Ich nehme an, Sie haben auch das gleiche Problem

gefunden     
user3670684 25.02.2015 04:18
quelle
0

Ich habe das Problem gefunden, dass Sie keine kurze URL für das Bild "img / image.jpg"

verwenden können

Sie sollten die vollständige URL " Ссылка " verwenden, aber ich weiß nicht warum !!

    
Omar Albeik 12.01.2016 16:32
quelle
0

Ich hatte das Dokumentenstammverzeichnis für meinen wamp-Server-installierten Apache-Webserver geändert. Die Verwendung der relativen URL, d. h. (images / img.png), hat nicht funktioniert. Ich musste die absolute URL verwenden, damit sie funktioniert, also

background-image: url (" Ссылка ");

    
user3172852 10.05.2016 07:21
quelle
0

Der folgende Code funktionierte für mich, wo ich das Bild in einige Ordner / assets / img / background_some_img.jpg

gelegt hatte %Vor%     
user7702588 13.03.2017 11:00
quelle
0

Wenn Sie den Ordner "image" und "css" in ein übergeordnetes Verzeichnis stellen, gehen Sie davon aus, dass Assets und der folgende Code perfekt funktionieren. Entweder Doppelzitat oder ohne Doppelzitat funktionieren beide gut.

%Vor%

Wenn Sie in anderen Fällen eine Klasse aufrufen und versuchen, ein Hintergrundbild an einem bestimmten Ort einzufügen, müssen Sie auch Höhe und Breite angeben.

    
user1957229 26.06.2017 11:00
quelle
0

Der Pfad zum Bild sollte relativ sein, das heißt, wenn sich die css-Datei im css-Ordner befindet, sollten Sie den Pfad mit ../ wie

beginnen

%Vor%

Dies liegt daran, dass Sie zum Home-Verzeichnis zurückgehen müssen, indem Sie den Pfad ../ und dann den Pfad /images/logo.jpg zur Bilddatei wählen. Wenn Sie CSS-Datei in HTML selbst enthalten

%Vor%
Dieser Code wird gut funktionieren.     
akaMahesh 27.01.2018 15:49
quelle
-2

Ich hatte das gleiche Problem und nachdem ich das gelesen hatte, war es der Slash. Windows-Pfad: images \ green_cup.png

CSS, das funktioniert hat: images / green_cup.png

images \ green_cup.png funktioniert nicht.

Phil

    
PCSailor 29.12.2016 06:15
quelle

Tags und Links