Html 不使用CSS显示背景图像

我尝试了多种不同的方法，但都没有将图像显示为背景

CSS

HTML

你好

图像位于同一文件夹中，因此url是正确的。我还尝试了

background image

而不是

background

编辑：图像位置

js是代码所在的位置

---

这可能是由错误的图像路径引起的

尝试使用来自web的链接，例如：

background:url（'https://via.placeholder.com/350x150“）

应该显示图像-这意味着您的css语法很好

---

然后修复您的路径，您可能必须在“white_logo…”之前添加

'./'

，

'/images/'

，

'../images/

“图像路径必须与

css

文件相关。

我注意到背景图像url

背景：url（'white_logo\u red_font.jpg'）使用正确的url

你可以试试我的代码


.spec{
背景：url(https://images.unsplash.com/photo-1578163246111-e02c555d00e1?ixlib=rb-1.2.1&ixid=eyjhcbfawqiojeymdd9&auto=format&fit=crop&w=334&q=80）；
高度：100px；
宽度：150px；
背景尺寸：封面；
背景位置：中心；
}

你好
试试看，
CSS

HTML


你好
div维度是什么，如果图像被发送，您可以在chrome->dev tools->network中进行检查，可能您的服务器没有以相同的方式提供图像，似乎没有错误。你能创建一个JSFIDLE吗？也许你的图像很大，背景是白色的。因此，在这个div中，您将只看到左上角裁剪的100x150白色nothing。代码正常，但显示css包含（完整html）在其目录（文件夹位置）中添加文件的屏幕截图。在
url（）
中允许相对路径。事实上，大多数网站在样式中使用相对路径，如果不使用，则样式必须随着每个域的更改而更新。你没有回答这个问题，你是在暗示
white\u logo\u red\u font.jpg
不是正确的url，但它是。@Deykun我可以看到你的答案与我的答案类似。我不同意。我得到了一个“无法解析文件。。。“错误（这样，由于映像位于同一目录中，因此路径错误）路径是正确的，图像在同一目录中。web url确实起作用，并且显示了图像。我编辑了文章，以包含所有内容的目录。如果web url起作用，则路径必须是错误的。您包含的SS没有css文件的位置，与图像的相对位置必须与输出的css文件相对（不是html文件）在视图目录中没有css或sass文件。您可以检查该div，检查相对路径指向何处，并相应地修复它。此外，如果在某些情况下图像名称前不使用“/”，它可以在www.domain.com上工作，但不能在www.domain.com/page上工作，因为它是相对于域的。好的，所以我注意到了一点：I get 404，当我在运行终端中本地（从同一目录中的文件）包含它时。当我尝试
src=“somethinglocal”
时也会发生同样的情况。这与NodeJS有关吗？可能与
app有关。使用
我需要包含它吗？
.spec{
        background: url('white_logo_red_font.jpg');
        height: 100px;
        width: 150px;
      }

<div class="spec">
    hi
</div>

.spec{
        background: url('../white_logo_red_font.jpg');
        height: 100px;
        width: 150px;
      }

<div class="spec">
    hi
</div>