显然mix-blend-mode不适合transform: translate()和z-index。对文本元素应用任何这些元素都会立即取消mix-blend-mode效果。
- 这是已知的限制吗?
- 是否有基于css的解决方案?
我知道我可以使用JavaScript来模拟transform: translate()功能，但这不是真正理想的
我面临同样的问题，我发现的解决方案是用position:absolute, margin-top:<y>px和margin-left:<x>px代替transform: translate()。
注意:负边距是有效的，所以它仍然适用于负x和y。