1

背景サイズが400%の線形グラデーションを使用しています。これにより、背景の位置を変更することで、ホバーのグラデーションとアクティブ状態の間をアニメーション化できます。Webkitではうまく機能しますが、Firefoxでは機能しません。background-sizeプロパティがまったく確認されていないようです。

Firefoxは基本的に、background-sizeが100%に設定されているかのように、要素のグラデーション全体を絞り込んでいます。

問題を示す非常にシンプルなページがあります。

http://firefoxgradient.s.cboo.st

(違いを確認するには、b / w firefoxとwebkitを切り替えてください)

グラデーションと背景サイズに適切なベンダープレフィックスをすべて使用しています。

画像の背景サイズをいじくり回したところ、期待どおりに動作しました。グラデーション固有の問題である可能性があります。

4

1 に答える 1

3

問題は、Firefoxbackground-sizeには幅と高さの 2 つの値があることです。このようにすると、background-size: 400%firefox はそれを に変換しbackground-size: 400% autoます。auto は高さの値です。それを修正するには、次のように書い -moz-background-size: 400% 400% てください。これは私にとってはうまくいきます。

于 2012-11-23T07:59:34.863 に答える