2012-10-04 7 views
8

はその後削除し、クロームFFthis demoを見てみましょう。クローム位置:</p> <p><code>-webkit-transform:translateZ(0px);</code></p> <p>FOM CSSを、そして<strong>クローム</strong>にもう一度見て:固定とtransformZバグ

クロムボディーコンテナmin-width:100%、カット内容(必ずしもそうではありません)。

Chromeの変な奇妙な黒いボックスが表示されないようにするには、あまりにも多くの要素に対して同時にtransformX + Yを使用する必要があります。

答えて

4

。問題は、この問題を解決するには-webkit-transform: translateZ(0);

を経由して、それがマッピングDOM要素だすべてのGoogleマップを強制的にGPU合成ということです、あなたはそれぞれの固定要素

-webkit-transform: translateZ(0);を追加することで、すべての 固定位置付け要素にGPU合成を強制することができます

jsfiddleデモ:http://jsfiddle.net/plapier/QA7tK/

+0

transformZ()を持つコンテナがある場合は機能しません。その子は、位置が固定されています。 – kernel

5

固定親コンテナ内のGoogleマップで同じ問題が発生しています。 GoogleマップはtranslateZプロパティを使用します。私はそれがベータ版で修正されているように見えますこのバグに関連することができると信じてい

ビルド:私もこの問題に遭遇したhttp://code.google.com/p/chromium/issues/detail?id=146894

+0

私の解決策を探しているときに、iframeのそのようなバグについて見たことがあります。 – Rantiev

関連する問題