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

Question

我想将背景图像设置为我用Jade渲染的HTML页面.有谁知道如何实现这一目标？

谢谢

Answer 1

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

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

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

在这里阅读有关玉器属性的更多信息.

Answer 2

背景图像在页面的 CSS 中设置。而这几乎与杰德无关。

所以，在你的页面 CSS 中：

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

或者使用一个类，然后将其分配给 jade 模板中的元素之一：

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

和玉：

body.bkimg
    p this is a fine body

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