Heim > Artikel > Web-Frontend > So lösen Sie das Problem, dass das Hintergrundbild nicht geladen wird
Als ich eine Webseite in HTML geschrieben habe, habe ich das externe CSS-Stylesheet mit der Webseite verknüpft. Andere wie Hintergrundfarbe, Abstand, Rand usw. funktionierten alle normal, aber das Hintergrundbild funktionierte nicht. und Manchmal kann „background-image:url(""absolute path"); in einem Wutanfall angezeigt werden, aber wir raten dringend davon ab, absolute Pfade zu schreiben. Was ist also der Grund für dieses Phänomen?
**
Hinweis: Das im CSS-Stylesheet geschriebene Hintergrundbild (der Pfad des Bildes ist relativ zum Pfad dieser CSS-Datei, nicht der relative hinzufügende CSS-Stil). wie wir normalerweise denken) Der Pfad der Webseite);
**
Zum Beispiel: Im aktuellen Verzeichnis gibt es die Ordner index.html und css (mit: css.css) und Bilderordner (mit top .jpg)
Falsches Denken und Schreiben : background-image:url(“images/top.jpg”); >> Fehler Ich denke, der Pfad des Bildes sollte für die Webseite index.html gelten.
Richtiges Denken und Schreiben : background-image:url(../images/top.jpg“);——————————–>Pfad des Bildes Was geschrieben werden sollte, ist der Pfad relativ zur css.css-Datei
wobei ../ das Verzeichnis der oberen Ebene darstellt, schreiben Sie nicht ./, das das aktuelle Verzeichnis darstellt.
Dieses Problem beschäftigt mich schon seit langem. Ich fasse es heute zusammen und erinnere mich daran! ! Ich hoffe, diejenigen, die es noch nicht herausgefunden haben, werden es verstehen!
Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass das Hintergrundbild nicht geladen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!