Question

所以我在根文件夹中有索引和样式表文件（即公共html）。图像，设置在较低的文件夹（公共html /图像）。我有div容器，背景图像不会出现。在css中，代码如下：

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

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

编辑：我也试过各种反斜杠以及＆＃34; ../"和＆＃34; ../../"

编辑：我想通了！

Answer 1

我是个白痴。我的图像文件夹实际上被称为＆＃34;图标＆＃34;我只是用了＃34;图像＆＃34;举个例子。当我检查是否可以通过＆＃34; http://website.com/icons＆＃34;显然，icons文件夹在内部使用，我猜有冲突。现在我知道了。很好的教训。

Answer 2

据我了解，你的文件结构看起来有点像这样吗？

html/
|-index.html
|-style.css
|-images/
    |-image.jpg

你可以尝试一些事情。当我的路径没有按预期工作时，这些是我通常先做的事情。如果要从Windows环境迁移到基于unix的服务器，请确保引用的名称和文件夹/文件的名称相同。您还应检查服务器上的文件权限...您可以使用命令＆＃34; chmod 755 -r html＆＃34;在html以上的文件级别中适当地更改它们（无论如何都在unix上）。你也可以使用＆＃34; ./"在您引用的文件名的开头，以显式声明您想要从当前目录路由。

下层文件夹中的图像链接不起作用

2 个答案: