玉模板引擎/如何设置背景图像

Question

我想将背景图片设置为使用Jade呈现的HTML页面。 有谁知道如何实现这个目标？

由于

Answer 1

您可以像这样设置样式属性：

div(style='background-image: url(/myImage.jpg);')

但是，您应该避免使用内联样式。将您的内容与设计分开 - 将html和css保存在单独的文件中。

详细了解jade here中的属性。

Answer 2

背景图片在页面的CSS中设置。这与Jade几乎没有任何关系。

所以，在你的页面CSS：

body {
    background-image: url(/images/img1.jpg);
}

或者使用您随后分配给jade模板中某个元素的类：

.bkimg {
    background-image: url(/images/img1.jpg);
}

和玉：

body.bkimg
    p this is a fine body

同样适用于任何元素类型。