2012-10-04 18 views
8

Date un'occhiata a this demo in FF e Chrome, quindi rimuovere:posizione di Chrome: fissa e transformZ bug

-webkit-transform:translateZ(0px);

Fom css, e guardare di nuovo in Chrome.

Rende anche Chrome contenitore del corpo con min-width:100%, contenuto di taglio (non sempre).

Ho bisogno di -webkit-transform:translateZ(0px); per impedire che strani bizzarri riquadri neri in Chrome appaiano perché usare transformX + Y per troppi elementi contemporaneamente.

risposta

4

mi sono imbattuto in questo problema pure. Il problema è che Google Maps forze GPU compositing su tutti i suoi elementi mappatura DOM tramite -webkit-transform: translateZ(0);

Per risolvere questo problema, è possibile forzare GPU compositing su tutti i vostri elementi fissi posizionati con l'aggiunta di -webkit-transform: translateZ(0); ad ogni elemento fisso

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

+0

Non funziona se si dispone di un contenitore con transformZ(); dove il bambino ha una posizione: fissa; – kernel

5

Sto riscontrando lo stesso problema con una mappa di google all'interno di un contenitore genitore fisso. Google maps utilizza la proprietà translateZ.

Credo che potrebbe essere correlato a questo bug, che sembra essere stato fissato in beta build: http://code.google.com/p/chromium/issues/detail?id=146894

+0

Saw, qualcosa su questi bug negli iframe, durante la ricerca della soluzione per il mio. – Rantiev

Problemi correlati