Wie kann ich den Hintergrundbildpfad in CSS angeben, wenn sich das Bild und die CSS-Datei in unterschiedlichen Verzeichnissen befinden?

Bereitstellen eines Hintergrundbildpfads in CSS

In CSS erfordert das Zuweisen eines Hintergrundbilds zu einem Element die Angabe des Pfads zur Bilddatei. Wenn sich die CSS-Datei und das Bild jedoch in unterschiedlichen Verzeichnissen befinden, kann es schwierig sein, den richtigen Pfad zu finden.

Frage:

In einem Projekt, in dem sich die CSS-Datei befindet befindet sich unter:

Project/Web/Support/Styles/file.css

Und das Bild ist gespeichert unter:

Project/Web/images/image.png

Wie kann der Weg zum Bild sein? in der CSS-Datei richtig angegeben?

Antwort:

Um den richtigen Pfad zu ermitteln, ist es wichtig, die Verzeichnisstruktur zu verstehen. Da die CSS-Datei zwei Ebenen tiefer als die Bilddatei liegt, wird sie durch das Verschieben um zwei Ebenen nach oben (zweimalige Verwendung von „..“) in das gemeinsame übergeordnete Verzeichnis verschoben:

Project/Web

Daher der richtige Pfad zum Bild in der CSS-Datei lautet:

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

Dieser Pfad verwendet „..“, um zwei Ebenen nach oben zu navigieren, um das übergeordnete Verzeichnis zu erreichen, in dem sich der Ordner „images“ befindet, und gibt dann den Dateinamen an „image.png“.

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