2012-10-04 15 views
8

Echa un vistazo a this demo en FF y Chrome, a continuación, quitar:posición Chrome: fijos y transformZ fallo

-webkit-transform:translateZ(0px);

Fom css, y se ven de nuevo en Chrome.

También hace Cromo contenedor de cuerpo con min-width:100%, contenido de corte (no siempre).

Necesito -webkit-transform:translateZ(0px); para evitar las extrañas cajas negras extrañas en Chrome que aparecen porque usa transformX + Y para demasiados elementos a la vez.

Respuesta

4

me encontré con este problema también. El problema es que los mapas de Google composición fuerzas GPU en todo lo que es elementos de mapeo de DOM a través de -webkit-transform: translateZ(0);

Para solucionar este problema, puede forzar la composición con GPU en todas sus elementos posicionados fijos mediante la adición de -webkit-transform: translateZ(0); a cada elemento fijo

jsfiddle Demostración: http://jsfiddle.net/plapier/QA7tK/

+0

No funciona si tiene un contenedor con transformZ(); donde su hijo tiene una posición: fija; – kernel

5

Estoy teniendo el mismo problema con un mapa de google dentro de un contenedor primario fijo. Google maps usa la propiedad translateZ.

Creo que puede estar relacionado con este error, que parece haber sido corregido en versiones beta: http://code.google.com/p/chromium/issues/detail?id=146894

+0

Vi, algo sobre tales errores en iframes, durante la búsqueda de la solución para mi uno. – Rantiev