CSS问题：绝对路径不适用于背景图像

Question

在一个简单的静态网页项目中，我在align-content: flex-start中有以下内容：

＆＃13;

＆＃13;

main.css

＆＃13;

＆＃13;

＆＃13;

这是按预期工作的。但是，如果我修改背景图像行并指定绝对路径.navbar-custom { background: rgb(52, 73, 94); background: rgba(52, 73, 94, 0.7); /* navbar-bgcolor */ background-image: url(../../images/distant-lights.jpg); background-size: cover; /* background-image: url(https://jessicasse.files.wordpress.com/2012/10/distant-lights-1-1152x8641.jpg); */ position: relative; top: 0; left: 0; width: 100%; z-index: 3; font-family: 'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif; /* heading font */ }，则图像不会显示。

项目结构如下：

即使HTML + CSS使用相对路径，我想知道绝对路径失败的原因。正如您所看到的，我使用/images/distant-lights.jpg尝试了绝对网址，这样就可以了。

Answer 1

/images/distant-lights.jpg 

这不是一条绝对的道路。绝对路径从系统根目录开始。在典型的Linux系统上，它看起来像这样：

/home/username/somefolder/someotherfolder/projectfolder/images/distant-lights.jpg