CSS 文件中的相对路径是相对于 CSS 文件的吗？答案

【问题标题】：Is a relative path in a CSS file relative to the CSS file?CSS 文件中的相对路径是相对于 CSS 文件的吗？
【发布时间】：2011-02-12 16:42:01
【问题描述】：

当我通过相对路径引用 CSS 文件中的图像或其他文件时，该路径是相对于 CSS 文件还是使用 CSS 文件的 HTML 文件？

【问题讨论】：

标签： css path

【解决方案1】：

是的，它是相对于.css

这是一个示例布局：

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

styles.css 中的 CSS：

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

【讨论】：

【解决方案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');

背景将是：

【讨论】：

【解决方案3】：

到 CSS 文件。

【讨论】：

【解决方案4】：

是的，它与样式表有关。请参阅MDN 获取最新参考；目前，最新的草稿是 [css-values-4]。

【讨论】：