与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在所有浏览器。

或者，您可以用可能替换缩放，更改字体大小或重量和/或填充。