Estoy usando transform3D para lograr un efecto de paralaje css puro. Tengo una configuración de demostración realmente desordenada aquí:http://codepen.io/anon/pen/nGAvw

Este es el código principal que hace la traducción:

transform: translateZ(-1px) scale(2);
z-index: -1;
transform-style: preserve-3d;

Me gustaría que mi imagen con paralaje se recortara usando overflow: hidden. Esto funciona bien en Chrome / Safari de escritorio, pero deja de funcionar en Mobile Safari. De mis experimentos posteriores, funciona bien en Android, pero deja de funcionar en iOS7.

Alguna idea de como resolver esto? ¿Hay alguna forma de recortar objetos traducidos en iOS?