title: javascript resize background image
body: <p>Is it possible to resize a background image on load using javascript?  I don't care about dynamically resizing the image according to window size or anything, I just want to take large images and resize them to a specific width and height so that the full image fits inside a specific layout.</p>
  
  <p>WORK AROUND:</p>
  
  <p>I did what the people below said and used a regular  tag that I sized accordingly and positioned absolutely in the containing div.  I then used the z-index property to push it to the background.</p>
  
  <pre><code>img.background {
      position: absolute;
      top: 0;
      left: 0;
      width: 960px;
      z-index: 0;
  }
  </code></pre>