为什么IE10不显示嵌套的CSS3 3D变换元素？

问题描述

我有点失落在这里，我目前测试的IE10（10.0.9200.16384）附带的Windows 8发布预览，我有一个非常困难的时间。其中一个bug，我的错误是，IE似乎不处理嵌套的3D变换。请参阅此琴：

它正常工作，Chrome和Firefox，但在IE10中缺少绿色div：

有谁

解决方案

IE10不支持：

  transform-style：preserve-3d; 
  

i'm a bit lost here, i'm currently testing the IE10 (10.0.9200.16384) that came with the Windows 8 Release Preview, and i'm having a very hard time. One of the things that are bugging me, is that IE doesn't seem to handle nested 3D Transforms corrently. Please see this fiddle:

http://jsfiddle.net/uUHdF/1/

There are two colored divs, a red one, and a green one rotated and translated so that it acts as the top of a cuboid, and this cuboid itself is rotated and translated too (note that i can't use transform-origin with rotate only because it is/was buggy in Webkit... just in case that might be part of a possible fix). It should look like this:

It's working as expected with Chrome and Firefox, but in IE10 the green div is missing:

Does anybody know if i'm missing something, or whether it's maybe a bug?

解决方案

IE10 Does not support:

transform-style: preserve-3d;

这篇关于为什么IE10不显示嵌套的CSS3 3D变换元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！