无法在 css 中应用背景图像(烧瓶模板)

Question

我想在内部css中应用背景图像。我正在使用烧瓶模板。这是我的目录

src - templates - image - img.jpg
src- templates - upload.html

我想在上传时应用背景图像.html，但我收到 404 错误。 有人可以帮我吗？

我的代码：

background-image: url("/image/img.jpg");

错误信息：

get/image/img.jpg HTTP/1.1 404

Answer 1

可能存在多个问题，例如：

1. 目录 URL 不正确：尝试指定整个 URL - 而不是"/image/img.jpg"尝试"/templates/image/img.jpg" 。

2. 目录名称拼写错误 - 正确检查。

3. 请放心，指定的图像格式正确(.jpg(。

Answer 2

(Flask( 执行此操作的标准方法是将静态文件放在项目根目录下的 static 文件夹中，您将在示例和教程中看到。假设你的CSS也在static，

background-image: url('/static/img.jpg');

做

你想做的事。但是，如果您要在模板中嵌入样式，

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

是首选，尽管前者可以正常工作。

如果事情变得更加复杂并且您开始使用蓝图，请参阅文档。

Answer 3

我认为您给出了错误的路径，这就是您收到 404 错误的原因。您可以使用以下代码。

background-image: url{"image/img.jpg"};