title: CSS relative url to images
body: <p>I am developing on my localhost - <a href="http://localhost/mysite" rel="noreferrer">http://localhost/mysite</a>, and within that I have the following directory structure:</p>
  
  <pre><code>-assets
  --css
  ---styles.css
  --images
  ---background.png
  </code></pre>
  
  <p>Within the styles.css file, I would have something the following, which works fine on localhost</p>
  
  <pre><code>background-image: url(../images/background.png);
  </code></pre>
  
  <p>However, the live server works off a subdomain - <a href="http://test.liveserver.com" rel="noreferrer">http://test.liveserver.com</a>. This means that the css rule has to change as follows:</p>
  
  <pre><code>background-image: url(/assets/images/loginlogo.png); 
  </code></pre>
  
  <p>Not sure on the best way to get around this?</p>