如何上去，在HTML中的URL的src路径的水平？

Question

我存储{}根样式表/样式，而在一个网站{}根/图像的图像。我如何给在样式表去看看在图像目录中指定图像的路径？

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

Answer 1

使用..指示父目录：

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

Answer 2

使用../：

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

您可以使用它作为经常你想要的，如../../images/或者甚至在不同的位置，例如../images/../images/../images/（同../images/当然）

Answer 3

下面是你需要了解的相对文件路径：

• 与/开始返回到根目录下，并从那里开始
• 与../开始移动一个目录落后，从那里开始
• 与../../开始移动两个目录落后，并开始在那里（等等...）
• 往前走，刚开始与第一子目录和继续前进。

点击here了解更多详情！

Answer 4

在Chrome中，当你从某些HTTP服务器都绝对路径（例如/images/sth.png）和相对路径的网站加载一些上一级目录（例如../images/sth.png）工作。

但！

当加载（在Chrome！）从本地文件系统中一个HTML文件，你不能访问当前目录上面的目录。即你不能访问../something/something.sth和不断变化的相对路径绝对或其他任何东西也无济于事。

Answer 5

假如你有如下的文件结构：

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

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

注：如果您使用的是Chrome，它可能不工作，你会得到该文件找不到错误。我有同样的问题，所以我刚刚删除整个缓存的Chrome纪录和它的工作。