为什么这个3D CSS重叠而不是剪辑？

Question

为什么这些3D CSS平面在Firefox和Chrome中重叠而不在Safari中重叠？

http://jsfiddle.net/yNfQX/6/

..如何让它像safari一样？

Safari＆amp; Firefox预览

Answer 1

看起来像一个错误......来自https://bugzilla.mozilla.org/show_bug.cgi?id=689498：

  

错误689498 - 相交平面未正确排序

     

Alistair MacDonald 2012-04-12 12:22:25 PDT Safari＆amp;移动Safari没有   更长时间有这个问题。问题仍存在于Chrome和   Firefox浏览器。

     

破解：Firefox 14.0a1（2012-04-12）-Win7 Broken：Chrome 20.0.1096.1   -Win7修正：Safari 5.1.5（75.34.55.3）-Win7修正：移动Safari（最近更新一个月前）-iOs

     

链接到测试用例和屏幕抓取：   http://f1lt3r.com/code/3d-css-transforms-intersecting-planes-not-clipping/