简体   繁体   中英

Background Image not displaying in node-js server using express and Jade

I'm creating a minor project using nodejs-express-jade.

My index.jade file reads:

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

And my stylesheet style.css has:

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;
}

When I make changes to the font and padding fields it gets reflected in the page but the background-image fields is not getting reflected. What could the reason for this be?

Your background image is absolute path for your machine. You should use relative path based on the server.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM