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

本文介绍了为什么IE10不显示嵌套的CSS3 3D变换元素？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有点迷失在这里，我目前测试的IE10（10.0.9200.16384）附带的Windows 8版本预览，我有一个非常困难的时间。其中一个bug，我的，是IE似乎不处理嵌套的3D变换。请看这个小提琴：

解决方案

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变换元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！