Я использую transform3D для достижения чистого эффекта параллакса CSS. У меня здесь очень грязная демо-установка:http://codepen.io/anon/pen/nGAvw

Это основной код, который выполняет перевод:

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

Я хотел бы, чтобы мое параллаксированное изображение было обрезано с помощью переполнения: скрытый. Это отлично работает на настольных Chrome / Safari, но перестает работать на Mobile Safari. Из моих дальнейших экспериментов он отлично работает на Android, но перестает работать на iOS7.

Есть идеи, как это решить? Есть ли способ обрезать переведенный объект на iOS?