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

时间:2018-10-18 05:19:24

标签: css node.js express ejs

您好,我正在开发ejs。在CSS内,我称图像为背景图像。当页面正在加载图像不来。 CSS部分正在工作。 如果我使用托管图片,那么它将起作用。

目录结构

enter image description here

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')));

1 个答案:

答案 0 :(得分:0)

使用背景图片代替背景

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