Wie werden relative URLs in CSS-Dateien aufgelöst?

Suchen relativer URLs in CSS-Dateien

Beim Referenzieren von Ressourcen mithilfe relativer URLs in CSS-Dateien ist es wichtig, deren relative Position zu bestimmen. Betrachten Sie beispielsweise die CSS-Datei base-styles.css, die das folgende CSS enthält:

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

Wenn dieses Stylesheet mit in verschiedene Dokumente eingebunden wird, wo wird das relative angezeigt? URL in der CSS-Datei relativ zu gerendert werden?

Antwort:

Gemäß der W3:

Teil-URLs werden relativ zur Quelle des Stylesheets interpretiert, nicht relativ zum Dokument.

Daher ist die relative URL relativ zu /stylesheets/.

Dieser Ansatz ist logisch, da die CSS-Datei in Seiten in verschiedenen Verzeichnissen eingebunden werden kann. Durch die Standardisierung der URL auf Basis der CSS-Datei wird sichergestellt, dass die URLs unabhängig davon funktionieren, wo die Stylesheets verlinkt sind.

Das obige ist der detaillierte Inhalt vonWie werden relative URLs in CSS-Dateien aufgelöst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!