Question

我正在使用Github作为SCM＆amp;已在Heroku上启用自动部署。我正在尝试Heroku的简单HTML，CSS，JS应用程序＆amp;使用PHP进行部署。我的所有图像都在Git中可用，图像的相对路径也是正确的。仍然有一些图像没有在页面上反映出来。给404，而大多数确实出现。可能是什么原因？

此处的代码段

＆＃13;

.bgimg1 {
            background-image: url('images/Top_Image.jpg');
        }

＆＃13;

<body class="background">
    <div class="loader"></div>
    <div class=" bgimg1">My top content </div>

<div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/1.jpg" alt="img" height="50%" width="100%">
                </div>
                <div class="item">
                    <img src="images/2.jpg" alt="img" height="50%" width="100%">
                </div> 
            </div>
</body>

＆＃13;

这是项目结构。

Answer 1

确保引用正确的图像，注意下/大写：当文件名确实为*.jpg（大写）时，您在html中引用.JPG（小写）。

更正后的代码：

.bgimg1 {
  background-image: url('images/Top_Image.JPG');
}

<body class="background">
  <div class="loader"></div>
  <div class=" bgimg1">My top content </div>
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="images/1.JPG" alt="img" height="50%" width="100%">
    </div>
    <div class="item">
      <img src="images/2.jpg" alt="img" height="50%" width="100%">
    </div> 
  </div>
</body>

Heroku上托管的PHP应用程序的一些图像未加载

1 个答案: