背景图片未显示在网页上

Question

在完成Codeacademy上的Web开发课程中的一项任务时，我遇到了一个问题，即机器上的本地图像未显示在网页上。 在images文件夹中，有4张图像，其中3张通过HTML代码很好地显示在页面上，但是最后一个通过CSS代码被调用的图像没有显示。我不知道为什么

在资源文件夹之前，我尝试了./或../的不同组合。

还尝试将图像移到与CSS文件相同的文件夹中。

在Visual Studio代码中，代码中的URL打开正确的图像文件。

.pageBanner{
    background-image: url("/resources/images/pattern.jpeg");
    color: khaki;
    font-size:  100px;
    font-weight: bold;
    text-align: center;
    display: block;
    height: 100px;
    width: 100%;

}

使用开发人员工具检查站点时，它只是指出无法加载图像。