浏览器版本为Chrome 87.0.4280.88
以下是我无意中发现此错误的方法：
- 页面上有两个独立的div，并且都是
position: fixed;
- 其中之一具有悬停效果，其
mix-blend-mode被改变了。
- 另一个有玻璃形态风格
backdrop-filter: blur(...px);
- 仅当页面上的其他元素设置为时，过滤器才起作用
mix-blend-mode: normal;否则看起来好像不受支持。
无论如何，我现在将停止使用悬停效果，但如果有一个技巧，那么让世界知道它会很高兴。
也遇到了这个错误（Chrome 90）。
快速解决：
Add any backdrop-filter规则到具有以下相同的元素mix-blend-mode应用规则。
Example:
.blend {
mix-blend-mode: difference;
backdrop-filter: opacity(1); /* fixes the chrome-bug */
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
