移动webkit透视问题

时间:2011-10-17 23:37:16

标签: css3 safari transform ios5 perspective

三维旋转div切入另一个具有更高z指数的div,无论z指数Δ还是透视差异。 这适用于iOS 4上的safari,safari mobile,但在iOS 5上我可以看到问题

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

1 个答案:

答案 0 :(得分:0)

正在切入的“色带”DIV基本上位于z轴上的位置0。为了使其不会被沿y轴旋转的其他DIV切割,您需要将“色带”DIV向后推动z轴至少旋转DIV宽度的一半。例如,如果旋转DIV的宽度为100px,则将以下CSS应用于“功能区”DIV:

-webkit-transform:translate3d(0,0,50px)