私が設計したサイトで奇妙な問題が発生しました。リンクにカーソルを合わせるたびに、リンク要素と、場合によってはその親が白くすばやく点滅します。これは、トランジション効果やホバーの色が異なるリンクだけでなく、すべてのリンクで発生します。FFでは、すべてがうまく機能します。また、白は体の背景色ではありません。
さらに不思議なのは、私がサイトに何の変更も加えていないことです。Chrome だけを更新しました。
私も画像を投稿しますが、私は許可されていない新しいユーザーなので、リンクとして投稿する必要があります: http://www.planetoidi.com/temp/hover.jpg
これは Chrome の大きなクラスのバグが原因で、レンダリングの高速化への移行時または高速化からの移行時にフラッシュ (バグに応じて白または黒) が表示されます。これは、非ホバー状態からの CSS トランジションがあるホバー時に発生する可能性があります。
回避策は、要素の基本状態が高速レンダリングを使用していることを確認することです。1 つの方法は、要素に次のルールを追加することです (:hover セレクターなし)。
-webkit-backface-visibility: hidden;
ソース: http://www.sitepoint.com/fix-chrome-animation-flash-bug/
