2

我正在尝试使用,虽然大多数属性都可以工作,但我与所有现代浏览器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 是有意义的,因为它不支持混合混合模式,所以什么也不会发生。

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

在此处输入图像描述

但它并没有解决问题。Safari/Chrome 是否有解决此问题的方法?mix-blend-mode适用于其他属性,即,但在应该输出difference的内容方面一直存在问题。screen

4

0 回答 0