时间戳

首页 > 解决方案 > 无法从 EJS 中的 CSS 加载本地图像

css - 无法从 EJS 中的 CSS 加载本地图像

问题描述

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

目录结构

在此处输入图像描述

样式.css

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

索引.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>

应用程序.js

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

标签： cssnode.jsexpressejs

解决方案

使用背景图像代替背景

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

推荐阅读