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

Question

您好我是新开发者，我正在尝试为自己构建一个投资组合网站。无论如何，我似乎无法得到我放在一起展示的背景图像。该图像位于我的CSS文件夹的images文件夹中。我注意到如果我尝试将背景颜色放入其中就可以了。但是，我不希望背景颜色只是图像。 我项目中的文件路径如下：

ProjectName＆gt; SiteRoot＆gt; CSS＆gt;图像＆gt; hmebckgnd.jpg

这是styles.css的代码

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




            }

Answer 1

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

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

Answer 2

如果您的图片有这样的路径： ProjectName＆gt; SiteRoot＆gt; CSS＆gt;图像＆gt; hmebckgnd.jpg

为什么不在css文件中包含css目录？

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

            }

最好在css文件中使用相对路径，并在HTML文件中使用正斜杠加载整个css文件。