CSS：混合混合模式使转换不再起作用（Chrome，Firefox）

Question

好像mix-blend-mode: multiply使得任何transform不再起作用。 在Chrome和Firefox中会发生这种情况，而在Safari中会起作用。 （全部更新为最新版本）

在这个小提琴中，您可以看到以下行为：fiddle （对不起，如果有点麻烦，我不是开发人员）

第一个图像没有multiply类，而第二个图像与此类在一起。

.inner {
  -webkit-transform: translateZ(30px);
  transform: translateZ(30px);
}

.innerUp {
  -webkit-transform: translateZ(100px);
  transform: translateZ(100px);
}

.multiply {
  mix-blend-mode: multiply;
}

我已经找到了有关此问题的讨论，但是没有一个人能够解决这个问题。

谢谢！