0

JavaScript が含まれる要素のクラス名を「アクティブ」を含むように変更するたびに、h1 要素でトリガーするように CSS3 トランジションを設定しています。そのために、次の 2 つの CSS 宣言を行います。

#idname .classname h1 {
    opacity: 0;
    left: -1.25em;
    z-index: 3;
    position: relative;
}

に続く：

#idname .classname.active h1 {
    opacity: 1;
    left: 0; 
    -webkit-transition : all 4s ease;
    -moz-transition    : all 4s ease;
    -ms-transition     : all 4s ease;
    -o-transition      : all 4s ease;
    transition         : all 4s ease;
}

これは Webkit ブラウザーではうまく機能しますが、Firefox ではうまくいかないようです。私の疑いは、これはクラス名の変更に基づいてトリガーする方法と関係があるということですが、間違っている可能性もあります。Firefox ではこれができないのですか? 誰かが良い回避策を持っていますか? あなたが提供できるかもしれない助けを前もって感謝します。

4

1 に答える 1

-1

私の問題は、DOM に何かを追加してから特定のクラス名を追加してアニメーションをトリガーするまでの間にわずかな遅延を追加することで解決されました。Firefox で動作させるには 20 ミリ秒で十分でした。

于 2012-08-26T02:23:58.367 に答える