私はいろいろと試してみましたが、ほとんどのプロパティは機能しますが、最新のすべてのブラウザーでmix-blend-mode期待される機能とは多くの矛盾があります。mix-blend-mode: screen
https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
Firefox (47.0) の場合
IE エッジ (25.10586.0.0)
そして、Chrome (51.0.2704.106 64 ビット) と Safari (9.0) の両方
MDN であるため、期待される出力は Firefox が生成するものだと思います。IE Edge は mix-blend-mode をサポートしていないため何も起こらないため、理にかなっています。
Webkitの問題であると思われますか？私はそれについて何も見つけることができませんでしたが。から実験的な Web 機能も有効にしました。chrome://flags
しかし、それは問題を解決しませんでした。Safari/Chrome でこれを修正する方法はありますか? mix-blend-mode他のプロパティでも機能します。つまり、出力されるはずdifferenceのものに問題がありました。screen