Chrome-Position: behoben und transformZ-Fehler

8

Sehen Sie sich diese Demo in FF und an Chrome und entfernen Sie dann:

-webkit-transform:translateZ(0px);

Fom css, und sehen Sie sich noch einmal Chrome an.

Es macht auch Chrome body-container mit min-width:100% , Inhalte schneiden (nicht immer).

Ich brauche -webkit-transform:translateZ(0px); , um zu verhindern, dass merkwürdige schwarze Kästchen in Chrome angezeigt werden, weil transformX + Y für zu viele Elemente gleichzeitig verwendet wird.

    
Rantiev 04.10.2012, 16:47
quelle

2 Antworten

4

Ich bin auch auf dieses Problem gestoßen. Das Problem besteht darin, dass Google Maps die Zuordnung von Grafikelementen zu allen DOM-Elementen, die es zugeordnet sind, über -webkit-transform: translateZ(0);

erzwingt

Um dieses Problem zu beheben, können Sie das GPU-Compositing für alle fixierten positionierten Elemente erzwingen, indem Sie hinzufügen -webkit-transform: translateZ(0); für jedes feste Element

jsfiddle Demo: Ссылка

    
Phil L. 05.03.2013, 22:09
quelle
5

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

Ich glaube, es könnte mit diesem Bug zusammenhängen, der anscheinend in Beta-Builds behoben wurde: Ссылка

    
Stefan 04.10.2012 20:35
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Fügen Sie Travis CI eine geheime Umgebungsvariable hinzu