title: Stretch and scale a CSS image in the background - with CSS only
body: <p>I want that my background image stretch and scale depending on the browser viewport size.</p>
  
  <p>I've seen some questions on Stack&nbsp;Overflow that do the job, like <em><a href="https://stackoverflow.com/questions/376253/stretch-and-scale-css-background/388817#388817">Stretch and scale CSS background</a></em> for example. It works well, but I want to place the image using <code>background</code>, not with an <code>img</code> tag.</p>
  
  <p>In that one an <code>img</code> tag is placed, and then with CSS we tribute to the <code>img</code> tag.</p>
  
  <pre><code>width:100%; height:100%;
  </code></pre>
  
  <p>It works, but that question is a bit old, and states that in CSS 3 resizing a background image will work pretty well. I've tried this <a href="http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size" rel="noreferrer">example the first one</a>, but it didn't work out for me.</p>
  
  <p>Is there a good method to do it with the <code>background-image</code> declaration?</p>