jquery - 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);

                                            });

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

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

没有控制台错误。

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

谢谢。

Answer 1

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

有FF规则，例如 

-moz-transform: scale(2);

但我相信它需要正确的规则组合才能zoom在所有浏览器中实现等效。

或者，您可以用字体大小或粗细和/或填充来替换缩放。