如何在HTML中的URL的src路径中升级？

Question

我在{root}/styles中存储样式表,而在{root}/images中为图像存储图像.如何在样式表中给出路径以查看指定图像的images目录？

例如,在 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

以下是您需要了解的相关文件路径:

• 从 /返回根目录开始,然后从那里开始

• 从 ../向后移动一个目录开始,然后从那里开始

• 从 ../../向后移动两个目录开始,然后从那里开始(依此类推......)

• 要继续前进,只需从第一个子目录开始,继续前进.

点击此处了解更多详情!

Answer 4

在Chrome中,当您从某个HTTP服务器加载网站时,绝对路径(例如/images/sth.png)和某些上层目录(例如../images/sth.png)的相对路径都可以工作.

但!

当您从本地文件系统加载(在Chrome!中)HTML文档时,您无法访问当前目录上方的目录.即你无法访问../something/something.sth和改变相对路径绝对或其他任何东西都无济于事.