HTML 相对路径不显示图像

Question

I have a URL to this link

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

I am trying to use a relative path instead of an actual url. For some reason when I do this

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

The image doesn't show, but when I use a url it shows just fine. Any ideas on what I am doing wrong? I've also tried ../files/img/home22.jpg and img/home22.jpg but neither worked.

Answer 1

Clearly you have a problem with your relative path, the easiet solution to fix this, is to inspect your html code and see what is the path set after that you can figure out which part of the URL you are missing. We can't really help you with the exact relative path you need, because we don't know which system CMS or Framework you are using ..

To inspect your HTML code, open your website in google chrome or firefox (you can use firebug ) and right click => Inspect Element