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');

Answer 2

background-image: url(asset-path("Schermafbeelding%202018-08-27%20om%2019.56.38.png"));

或

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

尝试一下

背景图片：url（）;不工作

2 个答案: