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

Question

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

Answer 1

Да, это относительно .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');

Answer 2

Да. Это относительно файла 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

Answer 3

в файл CSS.