影響Mac上其他元素的CSS混合模式Chrome

Question

這是一個難以解決的問題，因爲問題可能是複雜的WordPress頁面上的任何事情。

創建一個我認爲可能是問題的小提琴沒有複製這個問題。

現在，發生問題的頁面摘錄就足夠了，所以在考慮downvote問題之前，請知道我打算用小提琴更新問題，一旦我知道根本原因是什麼觸發錯誤。預先感謝您允許稍微暫時彎曲規則以獲得更大的利益。

請注意，我將開始削減元素的緩慢過程，直到只有問題仍然存在或解決，或者在此提供答案（以先到者爲準）。

臨時問題

一般：MIX-混合模式的影響在Mac上的Chrome父元素。它似乎影響超出頁面的元素和/或固定的元素。可能與絕對定位的元素有一些關係。這一切聽起來有點模糊，但我越來越接近找到答案，因此更好的問題。

我會在Google的論壇上提交錯誤報告，但值得指出的是，這確實有CSS解決方法，所以問題仍然相關。我在6個月前在另一個網站上設法解決了這個問題。不幸的是，該網站不再存在，所以我無法找出我是如何修復它的。

例

這裏是a partially stripped-down page在其上受到影響WordPress管理欄。當您將鼠標懸停在元素上時，黑色管理條會閃爍。

我是通過提取HTML和CSS，然後刪除元素直到問題停止發生，然後將我的刪除倒回一個元素以使問題保持​​原樣做出的例子。

額外

爲了讓事情變得更加複雜，問題是有一定程度的「觀察者效應」有所間斷。檢查元素有時可以解決問題。

我很確定這是一個Mac Chrome特定的錯誤，雖然它在一年的更新中尚未解決。它不會出現在Firefox，Safari或Windows版本的Chrome中。

再次感謝。我期待着 - 不僅要找到答案，還要改進問題。

Answer 1

這並不嚴格地回答問題是什麼問題 - 看到它顯然是一個錯誤 - 也沒有確切的CSS原因和解決方法是什麼。我確信有一個更好的答案，並且一旦找到它，我會高興地將其標記爲正確。

但是，現在..

這可以作爲一個解決方法：

請在該元素的懸停之前的狀態沒有設置混合 - 混合模式。

改爲在懸停狀態下設置混合混合模式，默認轉換時間爲零。然後專門在背景屬性上設置轉換時間。

這樣閃爍錯誤是即時的，因此不可見。