與Firefox和jQuery

Question

問題我用這個代碼改變的大小和DIV的不透明度和創建「放大效應」：

$("#div5").click(function() { 

             $('#wrap').animate({ 
              'opacity' : 0, 
              'zoom': 1.08, 

             },500); 

              $('#wrap').hide(500,function(){ 

                $('#dBenefits').show(); 

                $('#dBenefits').animate({ 
                 'opacity' : +10, 
                 'zoom': 1.08, 

                },500); 

              }); 

             }); 



             $('#back').click(function(){ 

              $('#dBenefits').animate({ 
              'opacity' : 0, 
              'zoom': 1, 

             },500); 

              $('#dBenefits').hide(500, function(){ 

               $('#wrap').show({'opacity' : 0,},500); 

               $('#wrap').animate({ 
                'opacity' : +10, 
                'zoom': 1, 


               },500); 

              }); 

爲什麼火狐不能正常工作？ 不會創建縮放效果，但會消失div5並顯示其他div，但不正確。

雖然Chrome在相同的代碼導致更好的結果和我想要的結果。

沒有控制檯錯誤。

例：http://jsfiddle.net/JshKH/

感謝。

Answer 1

zoom是一種專有的css屬性，它在Firefox中不起作用。 Webkit支持它，所以顯然它可以在Safari，Chrome和IE中使用，但不能在Firefox中使用。 sitepoint reference

有FF-規則，如

-moz-transform: scale(2); 

，但我相信它需要規則的正確組合，實現了相當於zoom在所有瀏覽器。

或者，您可以用可能替換縮放，更改字體大小或重量和/或填充。