Html CSS:背景图像：未显示我的图像（第一次创建网站，第一次使用堆栈溢出）

正如标题所说，我真的很新，我正在看youtube教程，但我的背景图像没有显示任何内容。代码非常简单，url路径正确。我不知道发生了什么事。有什么建议吗

/* home-info
========================== */

.home-info {
    background: url(C:\Users\XXXXX\Desktop\Programs\Websites\MyLife\images\aes.jpg);
    /* background-color: rgb(118, 182, 141); */
    padding: 10em 0;
    background-size: cover; 
}

设置为注释的这部分代码可以正常工作

/* background-color: rgb(118, 182, 141); */

我试着把（“…\aes.jpg”）；和（'..\aes.jpg'）；但它仍然不起作用。 可能是它自身的图像分辨率（2048x1442）

这里还有我的html代码的一部分，里面有一些元数据

<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>My Life</title>
    <link href="styles.css" rel="stylesheet" type="text/css">  

我的生活

据我所知，这应该允许网站的大小，而不是它看起来奇怪，这也是工作

非常感谢您的建议。

---

谢谢大家!

您不应该使用与您的计算机相关的绝对路径，因为它在其他地方不起作用

---

我认为问题来自于在路径中使用

\

。尝试用“/”替换它们。我不太清楚你的文件夹结构，但是试试这样：

images/aes.jpg

你不能这样放置URL图像，你所要做的就是从你拥有的文件夹中调用它

 .home-info {
    // this is the right command to implement a background img.
        background-image: url("images\aes.jpg");

        padding: 10em 0;
        background-size: cover; 
    }

---

下面的代码可以工作

background-image:url("images/aes.jpg");

---

你能添加文件夹结构吗？图像和css文件路径。这有助于您的

背景图像

路径应与您的文件相关。尝试在开发工具的“网络”选项卡下查看路径，甚至可以在windows控制台中看到路径错误。哇，谢谢。这起作用了。如果你不介意回答的话，我有个问题。因为我有一个名为“网站”的文件夹，里面有多个不同测试网站的文件夹，如“MyLife”和“Aries”（Aries文件夹有一个空的index.html和一个空的images文件夹，而MyLife有我的html代码，文件夹也叫images和styles.css）如果我的路径仅设置为images/aes.jpg，我的css代码如何知道要使用哪个images文件夹。它是否通过多个图像文件夹搜索，直到找到aes.jpg？或者它会搜索最近的一个，如果这有意义的话。无论如何，谢谢：当你瞄准'images/aes.jpg'时，你使用的是相对路径。它与打开style.css的文件相关。因此，当您在

C:\Users\XXXXX\Desktop\Programs\Websites\MyLife

中打开

index.html

时，相对路径直接指向

C:\Users\XXXXX\Desktop\Programs\Websites\MyLife\images\aes.jpg

嘿，我先尝试了背景图像，但后来又尝试了许多我可以在网上找到的不同解决方案。很抱歉造成混淆，但ArnaudV的上述评论有效。看来这毕竟是我的url路径的问题。谢谢你的回复：D