Relative Pfade in CSS: Sind sie relativ zur CSS- oder HTML-Datei?

Relative Pfade in CSS: Relativ zu was?

In CSS werden relative Pfade oft verwendet, um auf externe Ressourcen zu verweisen, wie z. B. Bilder oder andere CSS-Dateien. Es stellt sich jedoch eine häufige Frage: Relativ zu was ist der Pfad? Ist es relativ zur CSS-Datei selbst oder zur HTML-Datei, die das CSS enthält?

Beantwortung der Frage

Die Antwort ist eindeutig: Ja, ein relativer Pfad in Eine CSS-Datei ist relativ zur CSS-Datei selbst. Dies bedeutet, dass der Pfad in dem Verzeichnis beginnt, in dem sich die CSS-Datei befindet.

Beispiel

Betrachten Sie das folgende Layout:

• Seite : page.htm (Standort irrelevant)
• CSS: /resources/css/styles.css
• Bild: /resources/images/image.jpg

Innen In der Datei „styles.css“ haben Sie möglicherweise die folgende CSS-Regel:

div { background-image: url('../images/image.jpg'); }

In diesem Beispiel beginnt der relative Pfad ../images/image.jpg in dem Verzeichnis, in dem sich die Datei „styles.css“ befindet , also resources/css. Daher bezieht sich der Pfad auf das Bild unter /resources/images/image.jpg.

Das obige ist der detaillierte Inhalt vonRelative Pfade in CSS: Sind sie relativ zur CSS- oder HTML-Datei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!