Firefox和jQuery的问题

我使用此代码更改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); }); 

为什么在Firefox上无法正常工作？ 不会创建缩放效果，但它确实消失div5并出现其他div，但它没有正确。

虽然Chrome在相同的代码上会带来更好的结果和我想要的结果。

没有控制台错误。

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

谢谢。

Answer 1

zoom是一个专有的css属性，它在Firefox中不起作用。 Webkit支持它，因此显然它适用于Safari，Chrome和IE，但不适用于Firefox。 站点参考

有FF规则，如

 -moz-transform: scale(2); 

但我认为它需要正确的规则组合才能实现相当于所有浏览器的zoom 。

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