title: How to set background image to full screen
body: <p>I want to set a background Image into my html page.</p>
  
  <p>So I have this code:</p>
  
  <pre><code>body{
     background: url("background_image.jpg") no-repeat scroll center center / 100% auto;
  }
  </code></pre>
  
  <p>This is my HTML page:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
      &lt;link type="text/css" rel="stylesheet"  href="css/style.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So with this code, the background image doesn't fill the screen.</p>
  
  <p>I want to display the image at full width and height</p>