Jade moteur de template / Comment mettre une image de fond

Je voudrais mettre une image de fond d'écran de ma page HTML avec Jade.
Quelqu'un sait-il comment faire?

Grâce

À l'aide d'une règle CSS?

OriginalL'auteur user937284 | 2013-05-21

  1. 3

    L'image d'arrière-plan est définie dans le CSS de la page. Et qui n'a presque rien à voir avec Jade.

    Donc, dans votre page CSS:

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

    Ou à l'aide d'une classe que vous pouvez ensuite affecter à l'un des éléments de votre modèle jade:

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

    et le jade:

    body.bkimg
    p this is a fine body

    La même chose s'applique pour n'importe quel type d'élément.

    OriginalL'auteur Gabriel Petrovay

  2. 14

    Vous pouvez définir l'attribut de style comme ceci:

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

    Cependant, vous devriez éviter d'utiliser de style en ligne. Séparer le contenu de la conception - garder html et css dans des fichiers séparés.

    Lire plus sur les attributs de jade ici.

    Et si vous essayez de définir l'image à l'intérieur d'un modèle, c'est sans doute pour une dynamique morceau de contenu... ce qui pourrait ressembler à quelque chose comme ceci: div(style='background-image: url(images/' + post.img + ');')

    OriginalL'auteur JAM