html - 背景图像不显示

Question

我尝试使用 CSS 显示背景图像，但图像不显示。我正在做与 w3schools.com 完全相同的事情, 但它不起作用。

如何显示整个页面的背景图片？

codepen

div {
      background-image: url('https://imgur.com/a/Fql6rTU');
      background-repeat: no-repeat;
}

<div>
</div>

Answer 1

1.当您在分区中显示图像时使用background-size: cover所以thaat图像完全覆盖了这个部门然后试着提到height和 width部门的。

2.您为图片提供了错误的 URL 并更正它，它就会起作用。希望这就是您要找的东西

div {
  height: 100vh;
  width: 100vw;
  background-image: url('https://i.imgur.com/kkQFh8p.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

<div>
</div>