我正在尝试使用,虽然大多数属性都可以工作,但我与所有现代浏览器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