0

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

包含的 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。有什么我错过的吗？

4

1 回答 1

2

“不要在透视属性之前使用 Microsoft 供应商前缀 (“-ms-”)。在 Internet Explorer 10 及更高版本中支持无前缀。” - MSDN。

于 2013-04-04T13:12:13.600 回答