为什么这个 3D CSS 重叠而不是剪辑? [英] Why does this 3D CSS overlap instead of clip?

问题描述

为什么这些 3D CSS 平面在 Firefox 和 Chrome 中重叠，而在 Safari 中没有?

:

<块引用>

错误 689498 - 相交平面的 z 顺序不正确

Alistair MacDonald 2012-04-12 12:22:25 PDT Safari &移动 Safari 没有再有这个问题.Chrome 中仍然存在该问题，并且火狐浏览器.

损坏: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-变换相交平面不剪裁/

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 & Firefox Preview

解决方案

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

Bug 689498 - Intersecting planes are not z-ordered properly

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.

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

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

这篇关于为什么这个 3D CSS 重叠而不是剪辑?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！