css - Chrome - iframe 中使用 3D 空间导致的元素不透明度问题

Question

遇到某些绝对定位的元素（只有 2 个，使用自定义字体）没有以适当的不透明度呈现的问题。花了很长时间跟踪它，但事实证明iframe中的一个元素正在使用 rotateY 渲染导致问题。不透明度问题实际上甚至不在 iframe 内部，而是在主窗口中。

有没有其他人遇到过这个问题？

这是一个特定于 chrome 的问题，因为我们的目标是 chrome 并大量使用它的共享工作者。

编辑：原来这是 flicker 的直接表亲，设置translate3d(0, 0, 0);阻止了它的发生。