ie 10 css 3d变换的行为不同

我试图在IE10预览版中实现“translateZ”转换函数，但遇到了一个问题

因此，只有当转换节点的“直接”父节点具有“-ms perspective”属性时，它才能正常工作，而当父节点的父节点设置了“-ms perspective”属性时，它不会正常工作

是否有人可以建议这是一个错误，如果有一个解决办法。 例如，如果在下面的代码中，我将“-ms perspective”应用于“div1”并尝试在div3上使用rotateZ，那么它将不起作用

<div class="div1">
    <div class="div2">
        Parent
        <div class="div3">
            Child
        </div>
    </div>
</div>

父母亲
小孩

在Internet Explorer 10.0.8400.0中，它对我来说似乎工作得很好：

<div class="div1">
    <div class="div2">
        Parent
        <div  class="div3">
            Child Rotated
        </div>
    </div>
</div>

产生以下效果：

---

Fiddle:

这对我也有效。但translateZ工作不正常。在继续更改translateZ值时，在这种情况下没有可见效果，但当透视图位于div2上时会有可见效果

.div1 {
    margin: 25px 100px;
    background: #f1f1f1;
    -ms-perspective: 500px;
}

.div3 {
    width: 100px;
    height: 100px;
    background: orange;
    -ms-transform: rotateZ(30deg);
}