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

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

css node.js express

无法从EJS中的CSS加载本地图像,css,node.js,express,ejs,Css,Node.js,Express,Ejs,你好，我在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="te

你好，我在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>

使用背景图像代替背景

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

将路径更改为background:url（'../public/img/cab.jpg'）；由于您正在应用index.html文件中的类。@MohammadRaheem不工作，我已经在index html中使用img标记。它也不工作。

首先，您将使用inspect元素检查图像是否正在加载。如果加载图像，只需将.bgimg-1{background:url（'../img/cab.jpg'）；宽度：100%；高度：100px；}更改background:url（）为background-image:url（），其他一切正常

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