5

その大部分が 3D 効果で DIV をひっくり返すことに依存しているサイトを構築し、昨日の朝に FF14 にアップグレードしたところ、効果が壊れていました。FF13、Chrome、IE9などで問題なく動作します。

私が取り組んでいるサイトを投稿することはできませんが、このサイトはまったく同じように壊れています。回転するのではなく、カードの表と裏の間をジャンプします。

http://jigoshop.com/product-category/extensions/

誰にもアイデアはありますか？

編集：OK、おそらくもっと情報を含めるべきだった

このプラグインを使用して反転を処理しています

http://www.zachstronaut.com/projects/rotate3di/

このプラグインはjQuery用であるのに対し、それはプレーンCSSのように見えるため、他のWebサイトと同じ手法であると言ったとき、私は間違っていました. ここに私が一緒に投げたデモへのリンクがあります

http://olliesilviotti.co.uk/the-laboratory/cards/demo/

編集:これは、クエリの使用方法です。

$('#boxes .box div.back').hide().css('left', 0);

            function mySideChange(front) {
                if (front) {
                    $(this).parent().find('div.front').show();
                    $(this).parent().find('div.back').hide();

                } else {
                    $(this).parent().find('div.front').hide();
                    $(this).parent().find('div.back').show();
                }
            }


            $('#boxes .box').live('mouseover', function() {
                if (!$(this).data('init')) {
                    $(this).data('init', true);
                    $(this).hoverIntent({
                        over: function () {
                            $(this).find('div').stop().rotate3Di('flip', 250, {direction: 'clockwise', sideChange: mySideChange});
                        },
                        timeout: 1,
                        out: function () {
                            $(this).find('div').stop().rotate3Di('unflip', 500, {sideChange: mySideChange});
                        }
                    });
                    $(this).trigger('mouseover');
                }
            });

マークアップは次のようになります。

<div id="boxes">
        <div class="box floated-box">
                <div class="front">Random Number</div>
                <div class="back">I am the back of the card</div>
        </div>
</div>
4

1 に答える 1

4

これは実際には、Firefox が最新の標準に従っているためです。https://developer.mozilla.org/en/Firefox_14_for_developersから

ドラフト標準から削除されたため、skew() 関数のサポートは transform プロパティから削除されました。

-moz-transform(これにより、宣言全体が削除されます。)

バグを Bugzilla に報告する代わりに、プラグインの作成者に報告すべきだと思います。

于 2012-07-19T09:54:56.397 に答える