Lorsque je référence une image ou un autre fichier dans un fichier CSS par un chemin relatif, le chemin relatif au fichier CSS ou au fichier HTML utilise-t-il le fichier CSS?Est-ce qu'un chemin relatif dans un fichier CSS par rapport au fichier CSS?
Oui, il est par rapport à la .css
Voici un exemple mise en page:
Page: page.htm ... does not matter where
CSS: /resources/css/styles.css
Image: /resources/images/image.jpg
CSS styles.css:
div { background-image: url('../images/image.jpg');
Vers le fichier CSS.
Oui. C'est relatif au fichier CSS. J'ajouterai que cela inclut également relatif au domaine sur lequel se trouve le fichier CSS.
Donc, si le CSS est référencé comme:
<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />
et il contient:
div { background-image: url('/images/image.jpg');
L'arrière-plan sera:
L'inclusion d'un domaine externe ne fonctionnera que dans certains navigateurs si vous avez défini l'en-tête pour autoriser les inclusions externes, en raison de la même politique d'origine –
Parfait, merci. Juste ce que j'avais besoin de savoir. –
Merci pour la réponse détaillée. J'étais vraiment confus dans le même problème, et ici vous venez de le résoudre d'une meilleure manière. – AbdulAziz
Cela est en effet raisonnable, car il permet de référencer le fichier _same_ '.css' à partir de différents fichiers' .html' (qui peuvent être situés à différents endroits) sans avoir de chemins de freinage vers des objets externes. – Davide