html - Jade 模板引擎 / 如何设置背景图片

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);
}

或者使用一个类，然后分配给您的翡翠模板中的一个元素：

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

和玉：

body.bkimg
    p this is a fine body

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