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しかし、すべてのブラウザーで同等の結果を得るには、ルールを正しく組み合わせる必要があると思います。

または、ズームをおそらく、フォントサイズまたは太さの変更、および/またはパディングに置き換えることもできます。