使用..指示父目录：

background-image: url('../images/bg.png');

以下是您需要了解的有关相对文件路径的所有信息：
*从/开始返回根目录并从那里开始
*从../开始向后移动一个目录并从那里开始
*从../../开始向后移动两个目录并从那里开始（依此类推...）
*要向前移动，只需从第一个子目录开始并继续向前移动。

点击here了解更多详情！

使用../：

background-image: url('../images/bg.png');

您可以根据需要经常使用它，例如../../images/，甚至可以在不同位置使用，例如../images/../images/../images/（当然与../images/相同）

在Chrome中，当您从某个HTTP服务器加载网站时，绝对路径（例如/images/sth.png）和到某个上层目录的相对路径（例如../images/sth.png）都有效。
"但是"
当你从本地文件系统加载一个HTML文档时，你不能访问当前目录之上的目录，也就是说，你不能访问../something/something.sth，将相对路径改为绝对路径或其他任何方式也无济于事。

如果你将样式表/图片存储在一个文件夹中，以便多个网站可以使用它们，或者你想在同一服务器上的另一个网站上重复使用相同的文件，我发现我的浏览器/Apache不允许我进入网站根URL以上的任何父文件夹。这似乎是出于安全原因-一个人不应该能够浏览服务器上指定的Web文件夹以外的任何地方。
例如：不工作：www.mywebsite.com/../images
作为一种解决方法，我使用符号链接：
转到目录www.mywebsite.com运行命令ln -s../images images
现在 www.mywebsite.com/images将指向www.mywebsite.com/../images

假设您具有以下文件结构：

-css
  --index.css
-images
  --image1.png
  --image2.png
  --image3.png

在CSS中，您可以访问image1，例如，使用行../images/image1.png。

注意：如果您使用Chrome浏览器，它可能无法工作，您会得到一个错误，该文件无法找到。我有同样的问题，所以我只是删除了整个缓存历史从Chrome浏览器和它的工作。

如果你想转到文件夹的根目录使用/或ctrl+空格如果你想转到后面的文件夹使用../和ctrl+空格如果它不建议并且不使用live服务器如果你使用../