html - Bootstrap Jumbotron 背景图像不起作用

Question

我已经在我的网站上添加了一个超大屏幕，我正在尝试更改它的背景图片，但它不起作用。我 100% 肯定图像路径是正确的。这是我的代码:

<div class="jumbotron" style="background-image: url("images/aezakmi.jpg"); background-size: contain;">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
  </p>
</div>

Answer 1

我对 HTML 还是有点陌生​​，但如果我没记错的话，通常 url() 方法不需要引号。尝试使用带引号和不带引号的实际 HTTP url，看看哪个有效。如果它仍然不起作用，请尝试将您的图像移动到一个新目录，或者简单地将它上传到 imgur 或其他东西，以便您可以使用 HTTP url 获取它。

希望这对您有所帮助。