css - 样式表中的背景图像不会出现

Question

大家好，我是一名新开发人员，我正在尝试为自己构建一个投资组合网站。无论如何，我似乎无法获得我放在一起显示的背景图像。该图像位于我的 CSS 文件夹的图像文件夹中。我注意到如果我尝试在其中添加背景颜色，效果会很好。但是，我不想要背景颜色只是图像。 我元素中的文件路径如下:

ProjectName > SiteRoot > CSS > images > hmebckgnd.jpg

这是我的 styles.css 代码

body{
                background-image: url('/images/hmebckgnd.jpg');                  
                background-repeat: no-repeat;
                margin: 0;




            }

Answer 1

路径中的第一个 / 尝试从根目录中找到图像文件夹，删除它会相对于样式表所在的目录(应该是 CSS 文件夹)加载它:

body{
    background-image: url('images/hmebckgnd.jpg');                  
    background-repeat: no-repeat;
    margin: 0;
}