将背景图像与本地文件html/css一起使用的正确方法_Html_Css_Flask

将背景图像与本地文件html/css一起使用的正确方法

html css flask

将背景图像与本地文件html/css一起使用的正确方法,html,css,flask,Html,Css,Flask,我试图添加一个背景图像到一个简单的网站，我试图使，但得到一个404错误的图像，没有背景，当我试图使用我下载的本地jpg文件。但是，当我使用来自web上图像的链接时，图像显示正确以下是我的代码文件结构： website/ run.py project/ __init__.py routes/ home.py templates/ layout.html

我试图添加一个背景图像到一个简单的网站，我试图使，但得到一个404错误的图像，没有背景，当我试图使用我下载的本地jpg文件。但是，当我使用来自web上图像的链接时，图像显示正确

以下是我的代码文件结构：

website/
     run.py
     project/
        __init__.py
        routes/
             home.py
        templates/
             layout.html
             homepage.html
             img/
                image.jpg

下面是我试图运行的代码，以使图像显示为homepage.html中的背景：

<head> <title>Welcome!</title> <style type="text/css"> body{ background-image: url('/img/image.jpg'); min-height: 100%; background-size:100% } </style> </head>
几乎所有其他文件路径和报价选项的组合。我甚至从根目录开始放入文件路径，file:///Users/kyle/Desktop/programming/website/project/templates/img/image.jpg. 如果将图像复制并粘贴到浏览器中，则会显示该图像，但如果将其放置在背景图像的url字段中，则不会显示该图像
保持所有代码不变，我从谷歌获取的任何链接的图像都可以工作，但是如果可能的话，我希望本地图像可以工作
不用斜杠试试看

background-image: url('img/image.jpg');
不用斜线试试看

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

尝试将flask的模板功能与函数的url_一起使用：

背景图像：{{url\u for（image.jpg）}}

阅读文章以参考文件夹。
尝试使用flask的模板功能和url\u作为函数：

背景图像：{{url\u for（image.jpg）}}

阅读post以查看文件夹。
发布处理路由/服务的python代码。该代码是@homepage\u blueprint.route（'/'，methods=['post'，GET']）@homepage\u blueprint.route（'/home'，methods=['post'，GET']）def homepage（）：return render\u template（'homepage.html'）您编写的html中缺少body标记，我想它就在那里，你刚才从问题中忘记了吗？是的，body标记在那里，我刚刚发布了html的一部分，在那里我试图调用后台imagePost处理路由/服务的python代码。该代码是@homepage\u blueprint.route（'/'，methods=['POST'，GET']）@homeplant\u blueprint.route（'/home'，methods）=def homepage（）：return render_template（'homepage.html'）您编写的html中缺少body标记，我想是在那里，您刚才从问题中忘记了它？是的，body标记在那里，我刚刚发布了html中我试图调用背景图像的部分