为什么这些3D CSS飞机在Firefox和Chrome浏览器，而不是在Safari重叠？

Why do these 3D CSS planes overlap in Firefox and Chrome and not in Safari?

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

..和我怎么让它表现得像野生动物园？

..and how do I make it behave like safari?

Safari浏览器和放大器;火狐preVIEW

推荐答案

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

Looks like a bug... from https://bugzilla.mozilla.org/show_bug.cgi?id=689498:

错误689498 - 相交平面不是Z-有序正确

Bug 689498 - Intersecting planes are not z-ordered properly

阿利斯泰尔·麦克唐纳2012-04-12 12点22分25秒PDT Safari浏览器和放大器;移动Safari浏览器没有   再有这个问题。问题仍然存在在Chrome和   Firefox浏览器。

Alistair MacDonald 2012-04-12 12:22:25 PDT Safari & Mobile Safari no longer have this problem. The problem still exists in Chrome and Firefox.

破碎：火狐14.0a1（2012-04-12）-Win7破碎：镀铬20.0.1096.1   -Win7修正：Safari浏览器5.1.5（75.34.55.3）-Win7修正：移动Safari浏览器（最后更新在一个月前）-iOs

Broken: Firefox 14.0a1 (2012-04-12) -Win7 Broken: Chrome 20.0.1096.1 -Win7 Fixed : Safari 5.1.5 (75.34.55.3) -Win7 Fixed : Mobile Safari (last updated over a month ago) -iOs

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

Link to test-case and screen-grabs: http://f1lt3r.com/code/3d-css-transforms-intersecting-planes-not-clipping/