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.