使用express在node.js中添加css背景图像

时间:2018-04-25 15:00:08

标签: css node.js express

我正在试验Node.js并且是一只全新的蜜蜂.. Haven找不到答案了。我的目录结构是

app - >公众 - > a.jpg&的style.css

我提供快递访问这些文件如下:

var express = require("express");
var app = express();
var PORT = 3000;
app.use(express.static("./app/public"));

css有效,但是当我在样式表中调用background-image属性时,它无法找到图像并应用它。我尝试了以下组合而没有运气:

body{
    background-image: "../app/public/a.jpg";
    background-image: "./app/public/a.jpg";
    background-image: "/app/public/a.jpg";
    background-image: "/public/a.jpg";
    background-image: "./public/a.jpg";
    background-image: "/a.jpg";
    background-image: "a.jpg";
}

有人能指出我正确的方向。

1 个答案:

答案 0 :(得分:0)

图片的路径应设置在url("...")内。

根据您的项目结构,它将是:

body{
    background-image: url("a.jpg");
}

Reference