Wie lege ich konsistente Hintergrundbildpfade in CSS fest?

Konsistente Hintergrundbildpfade in CSS

Wenn sich Ihre CSS- und Bilddateien in verschiedenen Verzeichnissen befinden, kann die Angabe des Hintergrundbildpfads schwierig sein. In diesem Artikel wird ein häufiges Problem untersucht, das auftritt, wenn sich die CSS-Datei in Project/Web/Support/Styles/file.css und das Bild in Project/Web/images/image.png befindet.

Problem Aussage:

Trotz Versuchen, das Bild über verschiedene Pfade zu referenzieren (/images/image.png, ../images/image.png, usw.), wird das Bild nicht in der vorgesehenen CSS-Datei angezeigt.

Lösung:

Um den Pfad korrekt anzugeben, ist es wichtig, die Verzeichnisnavigation in CSS zu verstehen. Die ../-Syntax navigiert eine Verzeichnisebene nach oben. In diesem Fall, wenn sich das CSS in Project/Web/Support/Styles befindet, lautet der korrekte Pfad:

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

Diese Syntax navigiert zweimal in der Verzeichnisstruktur von file.css (../../ ), um auf das Webverzeichnis zuzugreifen, in dem sich der Bilderordner und die Datei image.png befinden.

Das obige ist der detaillierte Inhalt vonWie lege ich konsistente Hintergrundbildpfade in CSS fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!