CSS3 3d转换 - 具有不同z索引的重叠div对于webkit浏览器具有不同的结果

Question

我试图弄清楚哪个浏览器没有实现这个权利:我有2个div位于彼此之上.对于前面的一个,我旋转Y轴并平移X轴.现在对于同一个我设置一个比另一个更低的z-index.我看到Chrome/Safari有两种不同的输出.哪一个更有意义.这是我的测试:http: //jsfiddle.net/f5VWN/

我想问题可以缩短为:给定3d空间中的2个元素,z-index是否重要:)？

Answer 1

根据规格:

转换元素的Z轴上的位置不会影响堆叠上下文中的顺序.

Safari正在渲染错误.但是,无论如何,我不会让你的布局依赖于这种技术.