Safariでホバー時にCSSフィルターを適用できない

Question

macOS 上の Safari16.2 では、ホバー時にフィルター プロパティを変更すると、奇妙な動作が発生することに気付きました。実際にはホバー時に変化せず、テキストをクリックすると部分的に変化しますが、これは決して当てはまりません。 -webkit-filter も役に立ちません。 /*問題に関連するCSS*/div{background:red;filter:grayscale(1);}div:hover{filter:grayscale

P粉460377540 · Answer

これは Webkit レンダリングエラーのようです。

いくつかの解決策を見つけました:

実際に何も変換せずに transform を使用すると (例: scale(1))、何らかの方法でこれを修正できます
短い transition:0.05s は役に立ちます (望ましくないトランジションを作成するにもかかわらず)、より長いトランジションでも問題は解決します (通常ここにトランジションを置きたい場合は、この問題は決して発見されない可能性があります) )

面白い事実: トランジションを短くしても (つまり 0.03s)、何も解決しません。

リーリーリーリー