Jade-template-engine / Wie man ein Hintergrundbild einstellen

Ich würde gerne ein background-image auf meine HTML-Seite gerendert mit Jade.
Weiß jemand, wie das zu erreichen ist?

Dank

  • Mithilfe einer CSS-Regel?
InformationsquelleAutor user937284 | 2013-05-21
  1. 3

    Das Hintergrundbild in der CSS von der Seite. Und das hat fast nichts zu tun mit Jade.

    So, in Ihrer Seite CSS:

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

    Oder mit einer Klasse, die ordnen Sie dann einem der Elemente in Ihrer jade-Vorlage:

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

    und der jade:

    body.bkimg
    p this is a fine body

    Das gleiche gilt für jeden element-Typ.

    InformationsquelleAutor Gabriel Petrovay
  2. 14

    Können Sie die style-Attribut wie dieses:

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

    Jedoch sollten Sie vermeiden, mit inline-style. Trennen Sie Inhalt von design - halten Sie die html-und css-Code in separaten Dateien.

    Lesen Sie mehr über Attribute in jade hier.

    • Und wenn Sie versuchen, um das Bild innerhalb einer Vorlage, ist es wahrscheinlich für eine dynamische Inhalt... das könnte in etwa so Aussehen: div(style='background-image: url(images/' + post.img + ');')
    InformationsquelleAutor JAM
Schreibe einen Kommentar