CSS3：混合混合模式的不一致：跨浏览器的屏幕？

Question

我正在尝试使用mix-blend-mode，虽然大多数属性都有效，但我在所有现代浏览器中与mix-blend-mode: screen的预期功能有很多不一致。

https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

对于Firefox（47.0），我得到了

IE Edge（25.10586.0.0）

然后是Chrome（51.0.2704.106 64位）和Safari（9.0）

我怀疑是因为它是MDN，预期的输出是Firefox生成的。 IE Edge makes sense because it does not support mix-blend-mode所以没有任何反应。

我怀疑它可能是一个webkit问题？虽然我找不到任何关于它的东西。我也确实从chrome://flags

开启了实验性网络功能

但它没有解决问题。 Safari / Chrome有解决方法吗？ mix-blend-mode适用于其他属性，例如difference，但只是遇到screen输出的问题。