title: Why does this CSS not work for Chrome on Android but works everywhere else?
body: <p>This really puzzles me. I want to have pic.jpg be static in the background (not move when scrolling) and that it won't stretch.</p>
  
  <p>It works on every browser (i.e. Chrome, Safari, Firefox) except Chrome on Android (it even works on Android original browser)</p>
  
  <pre><code>body{
          background-color: transparent !important;
          background-image: url(&lt;%= asset_path "pic.jpg" %&gt;);
  
          background-position: center center;
          background-repeat: no-repeat;
          background-attachment: fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
      }
  </code></pre>
  
  <p>Chrome for Android renders it as pic.jpg being halfway up in the screen, not on the entire page and doesn't stay static on scroll..</p>
  
  <p>I can't reproduce it on jsfiddle, I also try to debug it with my Android phone and nothing seems to help.</p>
  
  <p>Isn't this the way to create the background image?</p>