html - 背景图像未显示在 div 中

Question

.jumbotron {
  margin-bottom: 0px;
  height: 350px;
  color: white;
  text-shadow: black 0.3em 0.3em 0.3em;

  
}

<div class="jumbotron" style="background: url('~/images/hdpic.jpg') no-repeat; background-size:cover">
</div>

我的图片 url 是正确的，但我现在不知道为什么它不起作用。如果有人知道请帮助我。谢谢。

Answer 1

检查您的背景图片路径，我已经将图片路径替换为另一个并且可以正常工作。

也许用像“../”这样的相对路径替换“~”

<div class="jumbotron" style="background: url('https://picsum.photos/200/300') no-repeat; background-size:cover">
</div>

See this fiddle