css - Heroku 中未显示 Div 背景图像。但是， Logo 显示

Question

我尝试更改图片标签，但没有成功。我在这里查看了其他帖子并尝试了这些解决方案，但均无效。我也使用亚马逊云端。

<div id="signup" class="container-fluid">
</div>

#signup{
text-align: center;
background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)),
url("zoom1028.jpg");
}

Answer 1

在 chrome 上右键单击检查，开发人员工具应该会出现，现在单击选项卡网络，看看是否有任何 404 错误，也许图像 url 没有指向它应该指向的位置。

检查我用你的代码构建的这个例子:

https://jsfiddle.net/opqtncms/1/

<div id="signup" class="container-fluid">
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
</div>


#signup {
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url("https://www.google.com.mx/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png");
}

最好的问候!