모바일 웹킷 전망 문제

Question

3 차원 회전 div는 z- 인덱스 Δ 또는 원근감 차이에 관계없이 더 높은 z- 인덱스를 가진 다른 div를 잘라냅니다. 이 IOS를 4, 사파리 사파리 모바일 잘 작동하지만 아이폰 OS 5 나 Z 축에 위치 0 본질적으로 잘라지고 문제

http://jsfiddle.net/voidbrain/cuHn5/7/embedded/result/

Answer 1

를 "리본"DIV 볼 수 . y 축을 따라 회전하는 다른 DIV에 의해 절단되지 않도록하려면 "리본"DIV를 회전 DIV 너비의 반 이상 떨어진 z 축에 밀어 넣어야합니다. 회전 DIV는 100 픽셀의 폭이있는 경우 예를 들어, 다음 "리본"DIV에 다음 CSS를 적용

-webkit-변환 : translate3d (0, 0, 50 픽셀)