Django中CSS内引用的图片无法加载问题求助

• 问题根源：CSS文件中背景图片的路径写法错误。你的CSS文件位于static/css/目录下，图片存放在static/img/目录下，原代码中使用static/img/random5.jpg作为路径时，浏览器会从CSS所在的css子目录去查找static/img/路径，这显然不存在，导致图片加载失败。

• 修正方案（二选一即可）：

  1. 使用相对路径：基于CSS文件的位置，向上返回一级目录再指向img文件夹，修改代码如下：

     /* Cover Section Styling */
     #cover{
         background-image: url('../img/random5.jpg');
         display:flex ;
         height: 70vh;
         background-position: center;
         align-items:center ;
         justify-content: center;
     }
     

  2. 使用绝对路径：直接以网站根目录的静态资源路径开头，确保浏览器从正确的位置查找图片，修改代码如下：

     /* Cover Section Styling */
     #cover{
         background-image: url('/static/img/random5.jpg');
         display:flex ;
         height: 70vh;
         background-position: center;
         align-items:center ;
         justify-content: center;
     }
     

• 验证步骤：修改完成后重启Django开发服务器，刷新页面即可看到背景图片正常加载。

内容的提问来源于stack exchange，提问作者Farah