web-dev-qa-db-fra.com

Un chemin relatif dans un fichier CSS est-il relatif au fichier CSS?

Lorsque je référence une image ou un autre fichier dans un fichier CSS par un chemin relatif, le chemin est-il relatif au fichier CSS ou au fichier HTML utilisant le fichier CSS?

66
Nathan Osman

Oui, c'est par rapport au .css

Voici un exemple de disposition:

Page:  page.htm ... does not matter where
CSS:   /resources/css/styles.css  
Image: /resources/images/image.jpg

CSS dans styles.css:

div { background-image: url('../images/image.jpg');
82
Nick Craver

Oui. Il est relatif au fichier CSS. J'ajouterai que cela inclut également par rapport 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');

Le contexte sera:

http://www.otherdomain.com/images/image.jpg

7
jshoaf

Vers le fichier CSS.

1
emzero