html - 来自较低文件夹的图像链接不起作用

Question

所以我在根文件夹(即公共(public) html)中有我的索引和样式表文件。图像，设置在较低的文件夹中(公共(public) html/图像)。我有 div 容器，其背景图像不会显示。在css中，代码如下:

#exampleDiv{
    background-image: url("images/image.jpg");
    background-size: 40px 40px;
}

当我从我的桌面文件加载网站时，这工作得很好。但是，一旦我在实际服务器上运行它，就找不到图像。我已经尝试了所有方法，从在“images/image.jpg”前面添加一个“/”，我已经检查，重新检查和重新检查以确保我的代码是正确的并且没有拼写错误。如果我将图像放在包含索引和样式表的根目录(公共(public) html)中，并从“images/image.jpg”中删除“images/”部分，图像就会正常显示。有任何想法吗？我真的不明白为什么这不起作用，是的，我的网站缓存已刷新并加载了我对页面所做的所有更改。

编辑:我也尝试过各种反斜杠以及“../”和“../../”

编辑:我想通了!

Answer 1

我是个笨蛋。我的图像文件夹实际上称为“图标”，我只是以“图像”为例。当我检查是否可以通过“http://website.com/icons”访问它时，显然图标文件夹是内部使用的，我猜有冲突。现在我明白了。值得学习的好课。