CSS问题:绝对路径不适用于背景图像
CSS问题:绝对路径不适用于背景图像
提问于 2018-06-03 05:12:35
在一个简单的静态网页项目中，我的main.css中包含以下内容
.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 */
}
这可以达到预期的效果。但是，如果我修改背景图像行并指定绝对路径/images/distant-lights.jpg，图像就不会显示出来。
项目结构如下：
尽管HTML+CSS可以使用相对路径，但我想知道为什么绝对路径会失败。正如你所看到的，我用http测试了绝对URL，它工作得很好。
回答 1
Stack Overflow用户
发布于 2018-06-03 05:20:37
/images/distant-lights.jpg 这不是绝对路径。绝对路径从系统根目录开始。在一个典型的linux系统上，它看起来像这样：
/home/username/somefolder/someotherfolder/projectfolder/images/distant-lights.jpg页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50661216
复制相关文章
相似问题