背景图像 属性 未显示 css 中的图像

Question

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

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

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

Answer 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