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

Question

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

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

..我怎么让它像safari一样？

Safari和Firefox预览版

Answer 1

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

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

Alistair MacDonald 2012-04-12 12:22:25 PDT Safari和Mobile Safari不再有这个问题.问题仍存在于Chrome和Firefox中.

破:Firefox 14.0a1(2012-04-12)-Win7破碎: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/