我正在使用 Flask 创建一个网络应用程序。我创建了一个 style.css 文件并成功地使用它来指定一些表格属性。但是,当我尝试使用 CSS Tricks 中的代码为我的目标网页添加背景图片时,图片无法显示。
CSS:
html {
/* Source: https://css-tricks.com/perfect-full-page-background-image/ */
background: url(static/landing_page.jpeg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
我创建了一个简单的 test.html 文件,它使用了相同的 CSS,并且它可以正常工作(图像出现了,并且被适本地缩放了)。
请您参考如下方法:
使用内置函数 url_for 你可以在 jinja html 中获取它,只需将它放在你的 css 样式上
url("{{url_for('static',filename="landing_page.jpg")}}");
一般来说,当你引用一个静态文件时,一个常见的做法是通过url_for函数来定位它。
