title: How to prevent the background image from getting resized in HTML?
body: <p>I am developing a website.</p>
  
  <p>I have added an oversized background image (bigger than the height and width of the browser to get parallax effect)</p>
  
  <p>The problem i am facing is the moment i resize the browser the image is also getting shrunk.
  I don't want to support the resizing of elements on browser size change.
  I want to keep everything fixed. Here is the code snippet</p>
  
  <pre><code> $('#background').css({
      "max-width" : "120%",
      "height": "auto",
      "width": "auto\9",
      "background-repeat" : "no-repeat",
      "left":"0px",
  "top":"0px",
      "position":"absolute",
      "z-index": "0"
      });
  </code></pre>
  
  <p>Any suggestions?</p>