使用Express添加CSS背景图像

Question

我正在尝试node.js，并且是一个全新的蜜蜂..没有找到答案。我的目录结构是

app-> public-> a.jpg＆amp;style.css

我在Express中提供对这些文件的访问如下：

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

CSS可以使用，但是当我在样式表中调用背景图像属性时，它无法找到图像并应用它。我尝试了以下没有运气的组合：

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

有人可以将我指向正确的方向。

Answer 1

应将图像的路径设置在url("...")中。

基于您的项目结构，将是：

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

参考