バージョン 37.0.2 以降に渡された新しいバージョンの FF に関する情報を教えてください。バージョン 38 のバグのほとんどがバージョン 38.0.5 で修正されていることは知っていました。FF のすべての新しいバージョンで、属性 'animate' と 'animateTransform' の処理速度の違いに気付きました。このため、ページが非常に遅くなります。アニメーションタグを削除する場合:
<rect x="-1.32" y="-0.63" width="3.64" height="1.26" fill="#FFD9D9" stroke-width="0.0" rx="0.12">
<!--this animation makes half-visible selecting effect -->
<animate attributeType="CSS" attributeName="opacity" to="0.65" dur="0.5s" begin="mouseover" fill="freeze"></animate>
<animate attributeType="CSS" attributeName="opacity" to="1" dur="0.5s" begin="mouseout" fill="freeze"></animate>
</rect>
これに：
<rect x="-1.32" y="-0.63" width="3.64" height="1.26" fill="#FFD9D9" stroke-width="0.0" rx="0.12">
<!--no animation -->
</rect>
その後、アニメーション（ホバー）効果が失われ、速度は正常になりました。これは、古いバージョンのFF（37.0.2）のアニメーションタグ（削除されていない）のようです。
トピックを作成しました: https://bugzilla.mozilla.org/show_bug.cgi?id=1171966
それらにいくつかのコードとビデオの例が追加されました。ページ上に多数の要素がある場合に速度低下の問題が見られますが、それはそれぞれの要素が「animate」などの属性を持っている場合のみです。多分これも好きです：
<rect x="-0.5" y="-0.5" width="1" height="1" fill="white">
<!--it makes half-visible selecting effect -->
<set attributeName="stroke-opacity" begin="mouseover" end="mouseout" to="0.5"></set>
<!-- explicitly reverse the opacity animation on mouseout -->
<set attributeName="stroke-opacity" begin="mouseout" end="mouseover" to="1"></set>
</rect>
私の場合、タグを使用してホバー効果を作成し、マウスオーバーで不透明度を変更します。css、html5、DOM を使用していない
同様のトピック (stackoverflow、bugzilla) や、この問題に直面した人を見つけることができれば幸いです。ありがとう