无法从 EJS 中的 CSS 加载本地图像答案

【问题标题】：Not able to load local Image from CSS in EJS无法从 EJS 中的 CSS 加载本地图像
【发布时间】：2018-10-18 15:13:03
【问题描述】：

您好，我正在研究 ejs。在 CSS 内部，我将图像称为背景图像。页面加载时图像不来。 CSS部分正在工作。如果我使用托管图像，那么它就可以工作。

目录结构

style.css

.bgimg-1 {
    background: url('../img/cab.jpg');
    height: 100%;
  }

index.html

<head>
<link rel='stylesheet' href='../public/css/style.css' type="text/css">
</head>
<body>
<div class="bgimg-1">
    <div class="caption">
         <span class="border"><a href="/api/login">LOGIN</a></span>
    </div>
</div>
</body>

app.js

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

【问题讨论】：

更改背景路径：url('../public/img/cab.jpg');因为您正在应用 index.html 文件中的类。
@MohammadRaheem 不起作用，我已经在索引 html 中使用 img 标签。它也不起作用<img src='../public/img/cab.jpg'>
首先您将检查检查元素，图像是否正在加载。如果加载图像，只需尝试放置 .bgimg-1 { background: url('../img/cab.jpg');width:100%;高度：100px； }
更改背景：url() 为背景图像：url()，其他一切正常

标签： css node.js express ejs

【解决方案1】：

使用背景图片代替背景

  .bgimg-1 {
       background-image: url('../img/cab.jpg');
        height: 100%;
      }

【讨论】：