jquery - -ms-perspective 不适用于 Internet Explorer 10

Question

我正在尝试使用“perspective:”和“transform: translateZ”css 属性来定位具有深度的 div。我让它在 Chrome 中工作，但在 IE10 或 Firefox20 中不工作。可以看测试here ，在“谁来了”菜单页面上……

包含的 div 具有 css 类 .scroller:

.scroller {  
    position: relative;  
    perspective: 150;  
    -webkit-perspective: 150;  
    -ms-perspective: 150;  
    -moz-perspective: 150;  
}  

并且，对于内部 div，使用 jQuery 设置 translateZ:

$(this).css('transform', 'translateZ(-' + ((1-$(this).css('opacity')) * 80) + 'px)');                           
$(this).css('-webkit-transform', 'translateZ(-' + ((1-$(this).css('opacity')) * 80) + 'px)');  
$(this).css('-ms-transform', 'translateZ(-' + ((1-$(this).css('opacity')) * 80) + 'px)');  
$(this).css('-moz-transform', 'translateZ(-' + ((1-$(this).css('opacity')) * 80) + 'px)');  

但是，它在 IE10 或 Firefox20 中不起作用。我错过了什么吗？

Answer 1

"Do not use the Microsoft vendor prefix ("-ms-") before the perspective property. It is supported unprefixed in Internet Explorer 10 and later." - MSDN.