Chrome position: fixed und transformZ Bug

Question

Werfen Sie einen Blick auf this demo in FF und Chrome, dann entfernen:

-webkit-transform:translateZ(0px);

Fom css, und schauen wieder in Chrome.

Es macht auch Chrome Körper Container mit min-width:100%, schneiden Inhalt (nicht immer).

Ich brauche -webkit-transform:translateZ(0px);, um seltsame seltsame schwarze Kästchen in Chrome zu verhindern, erschien Ursache TransformX + Y für zu viele Elemente gleichzeitig verwenden.

Answer 1

ich in dieser Ausgabe lief auch. Das Problem ist, dass Google Kräfte GPU-Compositing auf allen Karten es Mapping-DOM-Elemente über -webkit-transform: translateZ(0);

ist um dieses Problem zu beheben, Sie GPU-Compositing auf allen festen positionierte Elemente zwingen kann durch -webkit-transform: translateZ(0); zu jedem festen Element hinzugefügt wird

jsfiddle Demo: http://jsfiddle.net/plapier/QA7tK/

Answer 2

Ich habe das gleiche Problem mit einer Google Map in einem festen übergeordneten Container. Google Maps verwendet die translateZ-Eigenschaft.

Ich glaube, es zu diesem Fehler in Zusammenhang stehen können, die in der Beta behoben wurden scheint baut: http://code.google.com/p/chromium/issues/detail?id=146894