影响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原因和解决方法是什么。我确信有一个更好的答案，并且一旦找到它，我会高兴地将其标记为正确。

但是，现在..

这可以作为一个解决方法：

请在该元素的悬停之前的状态没有设置混合 - 混合模式。

改为在悬停状态下设置混合混合模式，默认转换时间为零。然后专门在背景属性上设置转换时间。

这样闪烁错误是即时的，因此不可见。