title: Bootstrap carousel as website background
body: <p>I'm using <a href="https://github.com/artiz/Carcass" rel="nofollow noreferrer">twitter bootstrap carcass</a> for my web project development.
  Currently I have full screen background image which I set for the body tag like:</p>
  
  <pre><code>body {
    background: url('Content/images/planet.gif') no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  </code></pre>
  
  <p>It looks nice, and resizing works perfectly when I'm trying to change browser window size.</p>
  
  <p>Now I would like to add some visual effects to my website by adding background carousel. Is there way to implement standard bootstrap carousel to the whole background? </p>
  
  <p>I found a possible solution <a href="https://stackoverflow.com/questions/16350902/bootstrap-carousel-full-screen">HERE</a>, but what confuses me - is img tags which are using for different images. I was trying to do the same through background url's, but can't to figure it out.</p>