0

私のコードは次のとおりです。

.Frozenbg
{
    background-image:url('Images/Frozen.png');
    background-repeat:no-repeat;
    transition: background 1s linear;
    -moz-transition: background 1s linear; /* Firefox*/
    -webkit-transition: background 1s linear; /* Safari and Chrome */
    -o-transition: background 1s linear; /* Opera */
}

問題は、ホバー時にクラスを追加していて、うまく機能していることです。つまり、見栄えの良いフェードイン効果のある背景画像を持つクラスが追加されますが、Firefox や他のブラウザーではフェードイン / トランジション効果が発生しません。私を助けてください。昨夜からこの問題に悩まされています。

4

2 に答える 2

1

background-image のトランジションは、まだ仕様の一部ではありません。彼らのためにクロスフェードを行うという提案がありますが、それはまだかなり初期のドラフトです.

于 2013-02-05T11:43:57.210 に答える
0

Firefox にバグがあることが判明しました (Firefox ホバーの不透明度)。

CSS3 トランジション/ホバー効果が Firefox で機能しない; Firefox のバグ?

于 2013-02-05T07:24:56.387 に答える