Hintergrundbild auf Jade tamplete

-1

Ich bin Knoten js verwenden (ohne Express) und ich habe ein Problem mit url Hintergrundbild
.jade DateiHintergrundbild auf Jade tamplete

extends ../node_modules/pug-bootstrap/_bootstrap 
block body 
    style 
    include style.css

style.css-Datei:

body{ 
    background: #222 url('skyscrapers.jpg') center center no-repeat; 
    background-size: cover; 
    color: white; 
    height: 100%; 
    text-align: center; 
    align-items: center; 
    }

Es scheint, als ob die Hintergrundfarbe funktioniert, aber das IMG nicht geladen. Ich überprüfe es in einer einfachen HTML-Datei und alles funktioniert gut. Die Position des img ist korrekt.

Quelle

2016-12-07 Moti.gadian

Was passiert, wenn Sie 'background in' background-color', '-image',' -position' und '-repeat' aufteilen? –

versuchen Sie es .. funktioniert immer noch nicht –

Das Bild wird relativ zur resultierenden HTML-Datei geladen. Stellen Sie sicher, dass sich die Datei skyscrapers.jpg im selben Ordner befindet wie die HTML-Ausgabe, die Sie generieren.

Quelle

2016-12-07 14:49:54 ForbesLindesay

Es ist in der gleichen Datei, die .pug-Datei und HTML-Datei sind –

Wie laden Sie das resultierende HTML? Kompilieren Sie den Mops in eine Datei und speichern Sie diese im selben Ordner? – ForbesLindesay

Ich benutze 'writeHead()' Funktion wie folgt 'var html = pug.renderFile ('views/index.pug'); res.writeHead (200, {'Inhaltstyp': 'text/html'}); res.write (html); res.end(); ' –

Hintergrundbild auf Jade tamplete

Antwort

Verwandte Themen