3

这是一个很难解决的问题,因为问题可能是复杂的 WordPress 页面上的任意数量的东西。

为我认为可能是问题的问题创建小提琴并没有复制问题。

目前,出现问题的页面的摘录就足够了,所以在考虑否决问题之前,请知道我打算在知道触发错误的根本原因后用小提琴更新问题. 提前感谢您允许为了更大的利益而稍微暂时地改变规则。

请注意,我将开始缓慢地削减元素,直到只剩下问题,或解决,或此处提供答案,以先到者为准。

临时问题

一般来说:mix-blend-mode 会影响 Mac 上 Chrome 中的父元素。它似乎会影响超出页面和/或固定的元素。可能与绝对定位的元素有某种关系。在这个阶段这一切听起来有点模糊,但我越来越接近找到答案,因此是一个更好的问题。

我将在 Google 的论坛上提交错误报告,但值得指出的是,这确实有一个 CSS 解决方法,所以这个问题仍然相关。大约 6 个月前,我设法在另一个网站上解决了这个问题。不幸的是,该网站不再存在,所以我无法找出我是如何修复它的。

例子

这是WordPress 管理栏受到影响的部分精简页面。当您将鼠标悬停在元素上时,黑色的管理栏会闪烁。

我通过提取 HTML 和 CSS 来制作该示例,然后删除元素直到问题停止发生,然后将我的删除倒回一个元素以使问题仍然存在。

额外的

更复杂的是,这个问题在一定程度上是间歇性的,带有一定程度的“观察者效应”。检查元素有时可以解决问题。

我很确定这是 Mac Chrome 特有的错误,尽管它在一年多的更新中仍未得到解决。它不会出现在 Firefox、Safari 或 Windows 版本的 Chrome 中。

再次感谢。我期待着——不仅要找到答案,还要改进问题。

4

1 回答 1

0

这并没有严格回答问题是什么 - 显然是一个错误 - 也不确切的 CSS 原因和解决方法是什么。我确信有更好的答案,一旦找到,我会很乐意将其标记为正确的。

不过,目前..

这是一种解决方法:

不要在元素的悬停前状态上设置 mix-blend-mode。

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

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

于 2017-04-06T19:33:42.870 回答