css - Tornado :当图像用于背景图像时如何在模板中编写?

标签 css templates background-image render tornado

例如,我将图像的 url 渲染为“exmaple.html”。

self.render("example.html", image=image)

然后在template中:如果要用做背景图片怎么写?

我在CSS文件中试试:

background-image: url({{image}});

但它不起作用。

非常感谢您的帮助!

最佳答案

您将您的 CSS 作为静态文件还是模板提供?您必须将其设为模板,以便解释像 {{image}} 这样的表达式。 (但要小心——Tornado 对转义文本以包含在 CSS 中一无所知,因此如果图像可能包含任何用户提供的文本,您必须自己验证或转义它)。

不过,与其让您的 CSS 文件成为模板,不如将其保持静态并将不同的部分放在 HTML 中。如果图像是几种可能性之一,您可以为每种可能性定义一个类并在 html 中引用该类。如果要列出的可能性太多,内联样式属性可能是最好的方法(但请参阅前面关于转义的评论)

关于css - Tornado :当图像用于背景图像时如何在模板中编写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20868653/

相关文章:

css - 返回顶部按钮 - 根据分辨率更改固定位置

jQuery css ('left' ) 报告 'px' 而不是 '%'

java - 检测到无限循环,部分 ../foo.mustache 先前已加载

c++ - 是否可以在运行时选择 C++ 泛型类型参数?

html - 固定 div 仅在一页上不占用全宽

javascript - 在 Angular Bootstrap 的特定行上禁用表格悬停

android - 如何构建像 Pinterest 应用程序一样的登录图像幻灯片背景?

jquery - 这种图像效果是如何产生的?

c++ - 模板化 "find-and-erase"函数出错

css - 使用 CSS 定位背景图像(多图像网格)