Wie kann ich in CSS einen Hintergrundbildpfad korrekt angeben, wenn sich meine CSS-Datei und mein Bild in unterschiedlichen Verzeichnissen befinden?

Hintergrundbildpfad in CSS angeben

In CSS erfordert das Festlegen eines Hintergrundbilds die Angabe des Dateipfads. Die folgende Abfrage soll das Problem lösen, angesichts der Organisationsstruktur des Projekts den richtigen Pfad zum Bild zu finden.

Problem:
Die CSS-Datei des Benutzers befindet sich unter Projekt/ Web/Support/Styles/file.css, während das Bild, das sie verwenden möchten, unter Project/Web/images/image.png zu finden ist. Sie haben mehrere Methoden ausprobiert, um die Eigenschaft „Hintergrundbild“ festzulegen, haben aber nicht das gewünschte Ergebnis erzielt.

Lösung:
Um den Pfad zum Bild in CSS korrekt anzugeben, den relativen Der Pfad aus der CSS-Datei muss berücksichtigt werden. In diesem Fall befindet sich die CSS-Datei zwei Ordner oberhalb des Bilderverzeichnisses. Daher sind im Pfad zwei Präfixe ../ (übergeordnetes Verzeichnis) erforderlich:

background-image: url('../../images/image.png');

Durch das Durchlaufen zweier Verzeichnisse lokalisiert die CSS-Datei das Bild korrekt innerhalb der Projektstruktur.

Das obige ist der detaillierte Inhalt vonWie kann ich in CSS einen Hintergrundbildpfad korrekt angeben, wenn sich meine CSS-Datei und mein Bild in unterschiedlichen Verzeichnissen befinden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!