title: Position fixed is not working on ipad
body: <p>I am trying to fix the background of my website and i have place a div "bgDiv" on my website having position fixed. It is working good on desktop. but on ipad position fixed is not working it scrolls with my whole website. and background image is repeating. is there any way to avoid scrolling the bgDiv.</p>
  
  <pre><code> .bgDiv{
      background: url("test.jpg") repeat scroll 0 0 transparent;
      background-size: 100% 100%;
      bottom: 0;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: -2;
      height: inherit;
      }
  
  &lt;body&gt;
    &lt;div class="bgDiv"&gt;&lt;/div&gt;
       &lt;div class="wrapper"&gt;
            content
        &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>