title: Fixed a background image with 100% scale to screen
body: <p>Do anyone has similar experience and has the solution?</p>
  
  <p>I use below CSS to display an background image on a mobile, of course I do declare 
  </p>
  
  <p>I could not able to display the image according to screen's height and width, if I remove the "background-attachment: fixed", then image is resized according to the screen's height and width but image is center according to the length of web content instead of the screen.</p>
  
  <p>Do anyone have better solution?</p>
  
  <pre><code>#home {
    background: url('../images/hkfmpt_trans.png');
    background-repeat:no-repeat;
    background-position:center; 
    background-attachment: fixed;
    background-size: contain;
  }
  </code></pre>