无法通过 CSS 在 <section> 中设置图像

问题描述

我正在尝试通过 node.js 在 CSS 的 PUG 模板引擎中设置图像，但该图片没有出现在屏幕上，而其他属性工作正常。

这是该部分的.PUG文件的代码

section#introsection
        | Section for Pictures

这是包含在 .PUG 文件中的 css 文件的代码

#introsection{
background:center/cover no-repeat url("/static/bg.jpg")  ;
color: white;
display: flex;
height: 300px;
background-color: lightgreen;}

我的图片在静态文件夹中，如代码所示。另一个变化是CSS文件在浏览器中正常反映，但没有出现图片。

我在控制台中得到的错误是：localhost/:1 GET http://localhost/static/bg.jpg 404 (Not Found)

解决方法

如果您的 CSS 文件在另一个文件夹中，那么您需要像这样提供 css。

background:center/cover no-repeat url("../static/bg.jpg");

如果您仍然遇到问题，请将页面链接发送给我。

感谢大家的支持，也感谢 JOHN RC 的建议。实际上，我的静态文件服务出现了问题，我不知道那是什么，但我从 {{1 的官方网站复制粘贴了一些代码}} 帮助我，如果你能解释我的语法，我会更感激。导致错误的错误和解决我的错误的错误。导致错误的语法是：Express.js 和解决我的问题的语法是：app.use('./static',express.static('static'))。请告诉我这两种语法之间的区别是什么，这两种语法都可以在 app.use('/static',express.static(path.join(__dirname,'static'))) 的官方文档中找到。

html pug