html - 背景图像在 html 文件中打开的样式标签未显示

Question

在 HTML 文件中我有以下内容

<style type="text/css">
body {
  color: #1e90ff;
  background-image: url("abc.png");
     }
</style>

html文件与abc.png在同一目录

颜色变化有效

我正在使用 tornado web 服务器启动一个 flask 应用程序，我在我的终端中收到以下警告

WARNING:tornado.access:404 GET /abc.png (XX.XXX.XXX.XX) 0.61ms

我的图片没有显示，我已经尝试了在这里找到的所有方法，但都没有成功。甚至更改文件权限 (chmod)。谢谢

Answer 1

我想这是因为静态文件由 Tornado 提供服务。如果是这种情况，那么您必须在 Tornado 设置中提及 static_path。

是这样的:

handlers = [
(r"/", BaseHandler),]

settings = dict(
    template_path=os.path.join(PATH, "templates"),
    static_path=os.path.join(PATH, "static"),)

app = tornado.web.Application(handlers, **settings)

现在，将所有静态文件保存在 static 目录中，将所有模板保存在 templates 目录中。
此外，您的样式标签现在看起来像

<style type="text/css">
body {
  color: #1e90ff;
  background-image: url("{{static_url('abc.png')}}");
     }
</style>