如何在CSS中使用Flask图片？

Question

我的HTML有<section id="banner">，CSS有

#banner {
        padding: 12em 0 10em 0;

        background-image: url({{ url_for('static',filename = '../images/banner.jpg')}});

        background-size: cover;
        background-position: top;
        background-attachment: fixed;
        background-repeat: no-repeat;
        text-align: center;
        border-top: 0.5em solid #5385c1;
    }

以及其他@media内容。但是由于某些问题，无法加载图片。这是怎么了其他一切正常。使用<img拍摄的HTML图像有效。如何通过CSS在flask应用程序中导入图像？我的文件结构是App-> templates，static。 ，静态-> CSS，图片。 ，模板-> 。html，CSS>。CSS

Answer 1

我猜您正在从静态目录中的.css文件中包含CSS。 Jinja2不会处理这些静态文件。