时间戳

首页 > 解决方案 > 找不到公共目录中的图像

html - 找不到公共目录中的图像

问题描述

我是新来表达的，我正在尝试从public目录（与我的 CSS 文件存储位置相同的目录）加载图像。

我尝试将图像文件存储在文件public夹本身中，以及images在公共目录中创建一个文件夹，但是这两种方法都没有运气。

编辑：

问题是在加载服务器以查看前端时图像不可见。

快递代码

app.use(express.static(__dirname + '/public'));

CSS 代码示例

#photogap {
    margin-right: 15%;
    margin-left: 5%;
    height: 500px;
    padding-top: 150px;
    background: url("images/photoGapOne.jpg");
    background-size: cover;
}

文件夹目录

Test
    public
         CSS
         images
    views

标签： htmlcssexpress

解决方案

您的快速配置很好。

试试这个你的CSS：

background: url("/images/photoGapOne.jpg");

或许

background: url("./images/photoGapOne.jpg");

并在您的文件名中考虑大写字母。photoGapOne.jpg

推荐阅读