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

Question

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

应用程序 --> 公共(public) --> a.jpg 和 style.css

我以如下方式提供对这些文件的访问:

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

Reference