Относительный путь в файле CSS относительно файла CSS?
Когда я ссылаюсь на изображение или другой файл в файле CSS по относительному пути, является ли путь относительно файла CSS или файла HTML с помощью файла CSS?
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');
Фон будет:
Да, это относительно таблицы стилей. Актуальные ссылки см. В MDN; прямо сейчас последний черновик - [css-values-4].