Фоновое изображение нефрита tamplete

-1

Я использую узел JS (без экспресс) и у меня есть проблема с URL фонового изображения
.jade файлФоновое изображение нефрита tamplete

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

style.css файл:

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

кажется, что цвет фона работает, но img не загружен. Я проверяю его в простом HTML-файле, и все работает нормально. Местоположение img верно.

источник

2016-12-07 Moti.gadian

Что произойдет, если вы разделите 'background' на' background-color', '-image',' -position' и '-repeat'? –

попробуйте. Не работает –

Изображение будет загружено относительно полученного файла HTML. Убедитесь, что файл skyscrapers.jpg находится в той же папке, что и выведенный HTML-вывод.

источник

2016-12-07 14:49:54 ForbesLindesay

Это файл в том же файле .pug файл и HTML-файл –

Как вы загружаете полученный HTML? Вы компилируете мопс в файл и сохраняете его в той же папке? – ForbesLindesay

Я использую 'writeHead()' функцию, подобную этой 'var html = pug.renderFile ('views/index.pug'); res.writeHead (200, {'Content-Type': 'text/html'}); res.write (html); res.end(); ' –

Фоновое изображение нефрита tamplete

ответ

Смежные вопросы