CSS混合模式在使用变换时是否有效？

Question

显然，mix-blend-mode不能与transform: translate()和z-index配合使用。将这些应用于某个文本元素将立即取消mix-blend-mode效果。

问题

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

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

- Shukri Adams

---

我在Chrome中看到了同样的问题，但在Firefox中没有。 - Justin McCandless

仍然在Chrome中遇到问题，但在Firefox中没有。 - Evan

Answer 1

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

NB：负边距仍然有效，因此可以使用负数的 x 和 y。

- STTR13