背景图像不使用express和Jade在node-js服务器中显示

时间:2014-05-08 15:08:24

标签: html node.js express pug

我正在使用nodejs-express-jade创建一个小项目。

我的index.jade文件显示为:

html
    head
        title= title
    body
        link(rel='stylesheet', href='/stylesheets/style.css')
        #login-container
        form( method="post")#login-form.well.span4
            h1 Welcome
            p.subheading Please Login To Your Account
            label Username 
            input(type="text", name="user", id='user-tf').span4.required
            label Password
            input(type="password", name="pass", id='pass-tf').span4.required
            button(type="submit")#btn-login.btn.btn-primary
                i.icon-lock.icon-white
                | Sign in
            div.clear-fix

我的样式表style.css有:

body {
  padding: 300px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color:black; 
  background-image: url("C:/Users/nrao/Desktop/nodejs/npm-1.4.6/KrishiMoney/image.jpg");
}

a {
  color: #8F2929;
}

当我对字体和填充字段进行更改时,它会反映在页面中,但背景图像字段不会被反映出来。这可能是什么原因?

1 个答案:

答案 0 :(得分:1)

您的背景图片是机器的绝对路径。您应该使用基于服务器的相对路径。