title: -webkit-transform Prevents Page From Loading
body: <p>I have had an issue with the <a href="https://stackoverflow.com/questions/16785085/background-image-not-displaying-correctly-in-ios">Background Image not rendering correctly on the iPad</a>. The answer provided which did solve the issue was to add <code>-webkit-transform: translateZ(0);</code> to the <code>id</code> that solved the issue but caused another one. On one page (which is a very long page) the content stops loading half-way through the page. If I remove <code>-webkit-transform: translateZ(0);</code> the issue stops (the background problem also reappears). Why does <code>-webkit-transform: translateZ(0);</code> prevent the page from loading?</p>
  
  <p>CSS with webkit-transform:</p>
  
  <pre><code>#wrap {  
    margin:0 auto; 
    position:relative; 
    padding:0; 
    background: #B3B1B2 url(/images/bgs/parchment2.jpg);
    -webkit-transform: translateZ(0); 
  }
  </code></pre>
  
  <p><strong>Notes:</strong></p>
  
  <ul>
  <li>This happens on the iPad Mini running iOS 6.1.3</li>
  <li>This problem doesn't appear on the iPhone 4 (same version of iOS) or in Chrome.</li>
  <li>This does cause major issues in Safari 5.1 (I am running Windows). </li>
  </ul>