0

私のHTMLページの構成には、画像とテキストを含むいくつかの「div」ブロックがあります。

このようにJQueryを使用してブロック変換を行うと：

$(elem).css({
'transform': 'scale(2)',
'transition-property': 'all',
'transition-duration': '1s',
});


FirefoxとChromeでうまく機能しますが、Operaの変換はぎくしゃくしているため、見苦しく見えます。しかし、ChromeやFirefoxのようにスムーズな動きが必要です。ブロックからテキストを削除し、「div」ブロックに画像のみが含まれている場合、すべてのブラウザで正常に機能します。どうしたの？ブロック内のテキストに関連付けられていると思います。しかし、どのように？

4

1 に答える 1

0

Opera にも同様の問題がありました。要素のホバー状態に割り当てられた変換が、要素に割り当てられたトランジションを壊してしまいました。解決策は、要素とそのホバー状態の両方にすべての変換を追加することでした。

問題の場合、これは、スケールを変更する前に、に割り当てようとすることを意味transform: scale(1)します。"$(elem)"

于 2013-03-27T16:08:01.543 に答える