html - 背景图像:url()；不工作

Question

我正在尝试获取图像作为本部分的背景，但它不起作用。 url()里面的链接没有问题；我只使用 HTML 和 CSS。

这是我的 HTML 代码:

<section>

  <div>
    <h3>Verliefd</h3>
    <h4>En ik dacht aan jou...</h4>
  </div>

  <div>
    <a href="verliefd.html">
      Lees verder
    </a>
  </div>

</section>

这是我的 CSS 代码:

main > section:first-of-type {
height: 15em;
width: 100%;
background-image: url(/Images/Schermafbeelding%202018-08-27%20om%2019.56.38.png);
background-repeat: no-repeat;
background-size: cover;

谢谢。

Answer 1

您需要在网址两边加上引号:

background-image: url('/Images/Schermafbeelding%202018-08-27%20om%2019.56.38.png');