CSS 文件中的相对路径是否相对于 CSS 文件？

使用 CSS 时，引用图像等外部文件CSS 文件是一种常见的做法。了解这些引用的相对路径对于正确的文件位置至关重要。

CSS 中的相对路径：仔细查看

CSS 文件中的相对路径是相对于CSS 文件本身，而不是使用 CSS 文件的 HTML 文件。这意味着在为图像或其他文件指定路径时，需要提供从CSS文件所在目录开始的路径。

用示例理解

为了演示这个概念，请考虑以下布局：

• 页面：page.htm（位置：无关紧要）
• CSS：/resources/css/styles。 css
• 图片：/resources/images/image.jpg

在CSS文件(styles.css)中：

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

在此示例中，CSS 文件中图像 (image.jpg) 的路径以 ../ 开头。这意味着从 CSS 文件 (styles.css) 的位置“上一个目录”，然后导航到存储图像的图像目录。