title: Background Image that is covered instead of resizing when browser window resizes
body: <p>I'm wanting to be able to have a background that doesn't resize when the browser window does but rather looks like it is sliding the background behind its content. 
  <a href="http://portal.office.com" rel="nofollow"><a href="http://portal.office.com" rel="nofollow">http://portal.office.com</a></a> is a perfect example of the look I'm trying to get. I'm not sure what this effect is even called so I do not even know where to look or if this is done with mainly jQuery or CSS. Any pointers would be greatly appreciated. Thank you.</p>
  
  <p><strong><em>Edit</em></strong></p>
  
  <p>As Stephan pointed out <code>background-size: cover</code> is close but that simply cuts off the image at the edge of the browser instead of the background being cut off by the other content when the window is resized.</p>