来自mako中变量的HTML

Question

这是我想要做的，但无法弄清楚：

我有一个变量：

${image}

其中包含（%s 被替换为那里的图像数据）：

'data:image/png;base64,%s'

在 mako 模板中，我想使用这个变量来提供背景图片：

<div id="watermark" style="background-image: url('${image}'); background-position: bottom left; background-repeat: no-repeat;"></div>

当然，这行不通。有没有办法让它工作？

甚至，是否有可能以及如何获取变量并使用它在模板中放置一段 html，例如在 .mako 中放置 ${myvar} 将提供已经包含带有图像数据的样式的完整 div？

非常感谢！

Answer 1

没有理由不这样做。尝试在 css 的 url() 部分中删除 ${image} 周围的单引号。

如果还是不行，您可以通过将虚拟图像的 base64 硬编码到您的 css 中来隔离问题。如果该图像呈现，您就知道您的问题不在您的 css/html 中。