背景图像: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

您需要在 url 周围加上引号：

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

试试这个

Answer 3

我刚刚遇到了同样的问题。对我有用的是从我的电脑中放置图像的完整路径，而不是从项目文件夹中放置图像的完整路径。

即

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