如何解决无法通过 CSS 在 <section> 中设置图像
我正在尝试通过 node.js
在 CSS
的 PUG 模板引擎中设置图像,但该图片没有出现在屏幕上,而其他属性工作正常。
section#introsection
| Section for Pictures
#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')))
的官方文档中找到。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。