3

iPad で背景画像が正しくレンダリングされないという問題がありました。問題を解決した提供された回答は、問題を解決したが別の問題を引き起こしたに追加-webkit-transform: translateZ(0);することでした。id1 つのページ (非常に長いページ) で、ページの途中でコンテンツの読み込みが停止します。問題を削除する-webkit-transform: translateZ(0);と停止します (バックグラウンドの問題も再発します)。-webkit-transform: translateZ(0);がページの読み込みを妨げているのはなぜですか?

Webkit-transform を使用した CSS:

#wrap {  
  margin:0 auto; 
  position:relative; 
  padding:0; 
  background: #B3B1B2 url(/images/bgs/parchment2.jpg);
  -webkit-transform: translateZ(0); 
}

ノート：

  • これは、iOS 6.1.3 を実行している iPad Mini で発生します。
  • この問題は、iPhone 4 (iOS の同じバージョン) または Chrome では発生しません。
  • これは Safari 5.1 で大きな問題を引き起こします (私は Windows を実行しています)。
4

2 に答える 2

0

このレンダリングの問題を解決するには、コンテンツをラップしているページ上の他の要素でハードウェア アクセラレーションをトリガーする必要がありました。このサイトの場合は#main-contentと#footerです。

このサイトは、ページ上の他のアイテムを高速化しようとするアイデアを私に与えてくれました。

于 2013-06-09T21:32:30.647 に答える