CSS：background-image：未显示我的图像第一次创建网站以及第一次使用堆栈溢出

问题描述

正如标题所说，我真的很新，我正在看一个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,141); */

我尝试放置（“ .. \ aes.jpg”）;和（'.. \ aes.jpg'）;而且仍然无法正常工作。 可能是它自己的图像分辨率（2048x1442）吗？

这也是我的html代码的一部分，其中包含一些meta

<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

,

您必须放置background-image：将img作为背景

 .home-info {
    // this is the right command to implement a background img.
        background-image: url(C:\Users\XXXXX\Desktop\Programs\Websites\MyLife\images\aes.jpg);

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

并尝试将img与文件放入同一文件夹

,

下面的代码将起作用。

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