Является ли относительный путь в файле CSS относительно файла CSS?


когда я ссылаюсь на изображение или другой файл в файле CSS по относительному пути, является ли путь относительно файла CSS или HTML-файла с помощью файла CSS?

3 61

3 ответа:

Да, это относительно .css

вот пример макета:

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');

да. Это относительно файла CSS. Я добавлю, что это также включает в себя относительно домена, на котором находится файл CSS.

Так что если CSS указывается как:

<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />

и содержит:

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

фон будет:

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

в файл CSS.