background-image未应用于Flask中外部css的容器div

Question

*****编辑：****要澄清，如果在浏览器中输入，则第一种方法的图像路径会正确解析。文件中的css正确应用于DOM中的其他元素，因此文件正确加载。试图将此图像附加到容器div不能正常工作**“****

我正在尝试从静态目录中的外部css文件设置背景图像。该映像存储在名为resources的静态目录的子目录中。

到目前为止我使用的代码看起来像这样

body {
    background-image:url("127.0.0.1:5000/static/resources/background.png");
    background-repeat: no-repeat;
    background-size: cover;
}

但是这不起作用，我没有在控制台中收到“找不到资源”错误。我想知道有没有办法在css文件中使用python代码，所以我可以做类似

的事情

background-image: url( {{ url_for('static', filename="resources/background.png") }} );

目前这似乎不起作用

Answer 1

问题是引导程序覆盖容器类中的背景样式。我不得不在模板上创建内联css来设置背景图像的样式