title: Why do I get error `Failed to load resource` on the client?
body: <p>I  have this element in my index.cshtml page:</p>
  
  <pre><code> &lt;section class="parallax parallax-2 padding-xxs" style="background-image: url('mySiteName/assets/images/shutterstoc/img1.jpg');"&gt;
       &lt;div&gt;some content &lt;/div&gt; 
  &lt;/section&gt;
  </code></pre>
  
  <p>As you can see I have style attribute.</p>
  
  <p>If I change style attribute to this:</p>
  
  <pre><code>style="background-image: url('~/assets/images/shutterstoc/img1.jpg');"
  </code></pre>
  
  <p>The background image is disappear and I get this error in web console:</p>
  
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found)  img1.jpg
  </code></pre>
  
  <p>**Update*</p>
  
  <pre><code>The path to the image is:
  http://localhost/assets/images/shutterstoc/img1.jpg
  As you can see the mySiteName is missing.
  </code></pre>
  
  <p>Update2:
  I try this path:</p>
  
  <pre><code>&lt;section class="parallax parallax-2 padding-xxs" style="background-image: url('./assets/images/img1.jpg')"&gt;
  </code></pre>
  
  <p>But still I get error above. 
  Why do I get error <code>Failed to load resource</code> and how to fix it?</p>