モバイルWebkitパースペクティブの問題

Question

3Dの回転するdivは、zインデックスが高い、別のdivを切り捨てます。 これは、iOS 4に、Safariでサファリモバイルを正常に動作しますが、iOSの5の上に、私は、z軸上の位置0に本質的であるにカット取得されている問題

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

Answer 1

を「リボン」DIVを見ることができます。 y軸に沿って回転する他のDIVによって切断されないようにするには、回転DIVの幅の少なくとも半分の距離だけz軸上に「リボン」DIVを押し戻す必要があります。

-webkit-変換：回転DIVは100pxに幅を持っている場合たとえば、その後、 "リボン" DIVに次のCSSを適用translate3d（0、0、は50px）