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 に答える