这是一个很难解决的问题,因为问题可能是复杂的 WordPress 页面上的任意数量的东西。
为我认为可能是问题的问题创建小提琴并没有复制问题。
目前,出现问题的页面的摘录就足够了,所以在考虑否决问题之前,请知道我打算在知道触发错误的根本原因后用小提琴更新问题. 提前感谢您允许为了更大的利益而稍微暂时地改变规则。
请注意,我将开始缓慢地削减元素,直到只剩下问题,或解决,或此处提供答案,以先到者为准。
临时问题
一般来说:mix-blend-mode 会影响 Mac 上 Chrome 中的父元素。它似乎会影响超出页面和/或固定的元素。可能与绝对定位的元素有某种关系。在这个阶段这一切听起来有点模糊,但我越来越接近找到答案,因此是一个更好的问题。
我将在 Google 的论坛上提交错误报告,但值得指出的是,这确实有一个 CSS 解决方法,所以这个问题仍然相关。大约 6 个月前,我设法在另一个网站上解决了这个问题。不幸的是,该网站不再存在,所以我无法找出我是如何修复它的。
例子
这是WordPress 管理栏受到影响的部分精简页面。当您将鼠标悬停在元素上时,黑色的管理栏会闪烁。
我通过提取 HTML 和 CSS 来制作该示例,然后删除元素直到问题停止发生,然后将我的删除倒回一个元素以使问题仍然存在。
额外的
更复杂的是,这个问题在一定程度上是间歇性的,带有一定程度的“观察者效应”。检查元素有时可以解决问题。
我很确定这是 Mac Chrome 特有的错误,尽管它在一年多的更新中仍未得到解决。它不会出现在 Firefox、Safari 或 Windows 版本的 Chrome 中。
再次感谢。我期待着——不仅要找到答案,还要改进问题。