背景图像打开样式标记在html文件中没有显示

时间:2016-10-02 02:08:35

标签: html css background background-image

在HTML文件中,我有以下

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

html文件与abc.png

位于同一目录中

颜色变化正常

我正在使用龙卷风网络服务器启动一个烧瓶应用程序,我在终端

中收到以下警告
WARNING:tornado.access:404 GET /abc.png (XX.XXX.XXX.XX) 0.61ms

我的图像没有显示,我已经尝试了我在这里找到的所有内容并且没有成功。甚至更改文件权限(chmod)。 感谢

1 个答案:

答案 0 :(得分:1)

我想这是因为静态文件由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)

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

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