HTML相对路径不显示图像

我有一个指向此链接的URL

http://www.weebly.com/editor/uploads/8/5/0/1/85017748/custom_themes/762476756986669176/files/img/home22.jpg

我试图使用相对路径而不是实际的url。因为某种原因当我这么做的时候

<div class="background-image-holder">
     <img alt="image" class="background-image" src="files/img/home22.jpg">
</div>

---

图像不显示，但当我使用url时，它显示的很好。你知道我做错了什么吗？我也尝试过

。/files/img/home22.jpg

和

img/home22.jpg

但都没有成功。

显然你的相对路径有问题，解决这个问题的简单方法是检查你的html代码，看看设置了什么路径，然后你就可以找出你缺少的URL的哪一部分了。我们无法真正帮助您确定所需的确切相对路径，因为我们不知道您使用的是哪种系统CMS或框架

---

要检查HTML代码，请在google chrome或firefox（您可以使用）中打开您的网站，然后右键单击=>检查元素

相对URL必须与其他URL相对。图像应该显示在哪个页面的URL？如果您不确定它与什么相关，您可以通过在控制台中检查

来轻松调试它，这将输出绝对路径。