CSS mix-blend-mode 可以与转换一起使用吗？

Question

显然 mix-blend-mode 不能很好地与transform: translate()和配合使用z-index。将其中任何一个应用到某些文本元素将立即取消混合混合模式效果。

问题

1. 这是一个已知的限制吗？
2. 有没有基于 CSS 的解决方法？

我知道我可以使用 JavaScript 来模仿该transform: translate()功能，但这并不是很理想。

Answer 1

我遇到了同样的问题，我发现的解决方法是替换transform: translate()为position:absolute,margin-top:<y>px和margin-left:<x>px。

注意：负边距是有效的，因此它仍然适用于负数x和y。