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

Html CSS问题:绝对路径不适用于背景图像,html,css,background-image,absolute-path,Html,Css,Background Image,Absolute Path,在一个简单的静态网页项目中,我的main.css中有以下内容: .navbar自定义{ 背景:rgb(52,73,94); 背景:rgba(52,73,94,0.7);/*导航条bgcolor*/ 背景图像:url(../../images/distance lights.jpg); 背景尺寸:封面; /*背景图片:url(https://jessicasse.files.wordpress.com/2012/10/distant-lights-1-1152x8641.jpg); */ 位置:

在一个简单的静态网页项目中,我的
main.css中有以下内容:

.navbar自定义{
背景:rgb(52,73,94);
背景:rgba(52,73,94,0.7);/*导航条bgcolor*/
背景图像:url(../../images/distance lights.jpg);
背景尺寸:封面;
/*背景图片:url(https://jessicasse.files.wordpress.com/2012/10/distant-lights-1-1152x8641.jpg); */
位置:相对位置;
排名:0;
左:0;
宽度:100%;
z指数:3;
字体系列:'Lato'、'Open Sans'、'Helvetica Neue'、Helvetica、Calibri、Arial、Sans serif;/*标题字体*/
}
这不是一条绝对的道路。绝对路径从系统根目录开始。在典型的linux系统上,它看起来像这样:

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

你试过调试吗?试着在开发工具中打开路径,看看会发生什么。啊,这样HTML/CSS项目就不会将基本文件夹作为实际的“基本”文件夹来使用了?我假设是这样的,因为IDE自动完成使用这个“绝对”路径,这就是在指定资源文件夹后调用Java资源的方式。有没有办法指定基本文件夹并调用与HTML/CSS项目中的基本文件夹相关的所有路径?这取决于您如何为网页提供服务,因为您提到它是一个“简单的静态网页项目”,我假设您没有使用Web服务器。
/home/username/somefolder/someotherfolder/projectfolder/images/distant-lights.jpg