title: Background image url is not showing the image
body: <p>I have designed an html css theme. It is not running on any server or localhost. I kept the theme including all its css js files in one directory. Its path is D -> website -> theme.</p>
  
  <p>In the html file I used several images. My html code for image is</p>
  
  <pre><code> `&lt;img src="images/share.png" class="image-gap"&gt;`
  </code></pre>
  
  <p>This code perfectly show image on the html page. I also need to show a background image and I used this html code</p>
  
  <pre><code>&lt;div class="background-image-holder"&gt;
  Only some text here. Background of this text should be a small image
  &lt;div&gt;
  </code></pre>
  
  <p>CSS for above html</p>
  
  <pre><code>.background-image-holder{
     background-image: url('images/share.png');
  }
  </code></pre>
  
  <p>Image perfectly show on html page but same image path and image do not show as background image. When I hover over the firebug css background-image it show this message</p>
  
  <pre><code>Failed to load the given url
  </code></pre>
  
  <p>how can I show this image as background image. And why my present approach is not working? BTW I found some questions on this website but answers are not working for me.</p>