title: How to make an image background that fits the whole page of a website
body: <p>!<a href="http://www.splicemarketing.co.uk/images/blog/full-background-image.jpg" rel="nofollow">http://www.splicemarketing.co.uk/images/blog/full-background-image.jpg</a>
  Can this also be acheived by angular js
  Here is the css
  `</p>
  
  <pre><code>.bg { 
  
  
      background: url(holiday-car-rental.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }`
  </code></pre>
  
  <p>here is the html</p>
  
  <pre><code>    `&lt;div id="bg"&gt;
             &lt;h1&gt;TEXT TO BE PLACED ON TOP OF THE IMAGE&lt;/h1&gt; 
             &lt;/div&gt;`
  </code></pre>