【问题标题】:Background Image not displaying in node-js server using express and Jade使用 express 和 Jade 在 node-js 服务器中未显示背景图像
【发布时间】:2014-05-09 17:37:05
【问题描述】:

我正在使用 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;
}

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

【问题讨论】:

  • 您的bg-color 行缺少分号。
  • 已更正它,但它仍然无法工作@TylerH
  • 背景颜色显示,但图像不显示。 @泰勒H

标签: html node.js express pug


【解决方案1】:

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

【讨论】:

  • 如何使路径相对于服务器目录?谢谢。
  • 你是如何为你的 CSS 提供服务的?我的意思是您使用的是哪个网络服务器?
  • 抱歉,忘记回复了。我自己想通了。我正在将 nodejs-express 与玉一起使用。如果你好奇,CSS 在这里:github.com/neilbalch/RPi-Computer-Power/blob/master/RPi-Server/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-07-13
  • 1970-01-01
  • 2017-07-07
  • 2022-01-19
  • 1970-01-01
  • 1970-01-01
  • 2012-07-27
相关资源
最近更新 更多