background-image 属性未在 css 中显示图像

【问题标题】：background-image property is not showing the image in cssbackground-image 属性未在 css 中显示图像
【发布时间】：2020-06-03 19:23:29
【问题描述】：

我试图放置背景图片，但没有显示。

.jumbotron{
   background-image: url("/src/assets/shop1.png");
   background-size: cover;
}

<div class="jumbotron">
   Welcome to Home Page
</div>

【问题讨论】：

可能路径不正确？去看看你的浏览器控制台要说什么。
正是我必须在 src 之前删除斜杠（/）然后它才能工作

标签： html css angular-ui-bootstrap

【解决方案1】：

背景图片会看div的高度和宽度。请按照代码查看图像。

.jumbotron {
   background-image: url('https://imgsv.imaging.nikon.com/lineup/dslr/df/img/sample/img_01.jpg');
  background-size: 100% 100%;
  height: 100px;
  width: 100%;
  background-repeat: no-repeat;
}

Working demo

【讨论】：