玉模板引擎/如何設置背景圖片

Question

我想設置一個背景圖像到我的HTML頁面呈現與Jade。 有誰知道如何做到這一點？

感謝

Answer 1

背景圖像設置在頁面的CSS中。這與Jade幾乎沒有任何關係。

所以，在你的頁面的CSS：

​​

或使用類，您則分配給你的玉模板的元素之一：

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

和玉：

body.bkimg 
    p this is a fine body 

這同樣適用於任何元素類型。

Answer 2

您可以設置樣式屬性是這樣的：

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

然而，你應該避免使用內嵌樣式。將您的內容與設計分開 - 將html和css保存在單獨的文件中。

瞭解更多關於玉器屬性的信息here。