Question

伙计们，我知道有很多答案，但是对我来说不起作用。我试图在应用程序的初始化中指定url，但仍然对我不起作用。我错过了什么吗？我正在尝试将背景更改为图像

这是我的目录

└── wine
    ├── __init__.py
    ├── __init__.pyc
    ├── __pycache__
    │   ├── __init__.cpython-37.pyc
    │   ├── models.cpython-37.pyc
    │   └── routes.cpython-37.pyc
    ├── models.py
    ├── routes.py
    ├── site.db
    ├── static
    │   ├── bg.jpeg
    │   ├── main.css
    │   ├── pexels-photo-935240.jpeg
    │   ├── pexels-photo.jpg
    │   └── sf.jpg
    └── templates
        ├── index.html
        └── rec.html

这是我为烧瓶安装的html文件。

    {% extends "material/base.html" %}
{% import "material/wtf.html" as wtf %}
<head>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
    {% block title %}
    Welcome
    {% endblock %}
</head>

{% block content %}

<div class="container">
    <h1>Whats Your Taste</h1>
    <div class="row">
        <form method="POST" action="/">
            {{ wtf.quick_form(form)}}

        </form>
    </div>
</div>

{% endblock %}

我的CSS'main.css'

body{
    background-image: url({{ url_for ('static', filename = 'bg.jpeg') }});
}

Answer 1

您不能在静态CSS文件中使用Jinja。您需要将URL引用更改为绝对URL，或者将该CSS规则放置在实际的Jinja模板中。

Answer 2

尝试一下：背景图片：url（“ bg.jpeg”）;

您将必须指定图像文件的路径。在您的设计中，css和jpeg位于同一文件夹中，因此只需在url（）中提及图像名称即可。

使用jinja作为html模板。

有关如何指定路径How to give the background-image path in CSS?

的信息，请参见此处

烧瓶中的背景设置背景图像

2 个答案: