URL relatives CSS : à partir d'une feuille de style ou d'un document HTML ?

URL relatives dans les fichiers CSS : une question de position relative

Lorsque vous référencez des éléments tels que des images d'arrière-plan dans un fichier CSS, les URL relatives sont souvent employés. Cependant, d'où exactement l'URL relative est-elle mesurée ?

Considérez le code CSS suivant :

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

Si cette feuille de style est incluse dans divers documents via , l'URL relative est-elle URL dans le fichier CSS évaluée par rapport à :

• Le document de feuille de style à /stylesheets/?
• Le document actuel document où la feuille de style est incluse ?

Réponse :

Selon le W3C, "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, dans ce cas, l'URL relative dans le fichier CSS sera interprétée par rapport au document feuille de style à /stylesheets/.

Cela est logique car le fichier CSS peut être utilisé sur plusieurs pages dans différents répertoires. La normalisation du point de départ de l'URL relative dans le fichier CSS garantit que les URL fonctionneront correctement quel que soit l'emplacement de la page.

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!