Comment les URL relatives dans les fichiers CSS sont-elles résolues ?

Localisation des URL relatives dans les fichiers CSS

Lors du référencement de ressources à l'aide d'URL relatives dans des fichiers CSS, il est crucial de déterminer leur emplacement relatif. Par exemple, considérons le fichier CSS base-styles.css contenant le CSS suivant :

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

Si cette feuille de style est incluse dans divers documents en utilisant , où sera le relatif L'URL dans le fichier CSS doit-elle être rendue par rapport à ?

Réponse :

Selon le W3 :

Les URL partielles sont interprétées par rapport à la source de la feuille de style, et non par rapport au document.

Par conséquent, l'URL relative sera relative à /stylesheets/.

Cette approche est logique car le fichier CSS peut être inclus dans des pages de divers répertoires. La standardisation de l'URL basée sur le fichier CSS garantit que les URL fonctionnent quel que soit l'endroit où les feuilles de style sont liées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!