用于IE背景混合模式的Polyfill乘法

时间:2015-06-02 13:08:20

标签: javascript css html5 css3 internet-explorer

是否有一种polyfill /方法可以在IE浏览器上进行“background-blend-mode:multiply”工作?

我发现了这个CodePen:http://codepen.io/brav0/pen/bJDxt但是它没有用。

简而言之,是什么混合物:

使用这样的CSS:

.blend {
  background-image: url('mountains.jpg');
  background-color: #5ece7f;
  background-blend-mode: multiply;
}

您可以创建如下所示的酷炫过滤器:

enter image description here

1 个答案:

答案 0 :(得分:1)

看起来这个polyfill正在尝试使用

context.globalCompositeOperation = 'multiply'

就像我所知,IE也不支持。

documentation

所以,很遗憾,但我不知道在IE中使用polyfill混合模式的任何简单方法