Skip to main content
 首页 » 编程设计

python之我无法在我的 Flask 应用程序中使用 CSS 设置背景

2025年05月04日14del

我正在使用 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函数来定位它。