Html CSS混合模式chrome问题

我需要做一个像Photoshop叠加的效果。我的代码在Firefox中运行良好，但在chrome中不起作用。 有一个

这是我的密码：

HTML

CSS:

img{
最大宽度：100%；
高度：自动；
}

#混合{
位置：绝对位置；
排名：0；
宽度：100%；
高度：100px；
z指数：100；
背景色：#fff；
混合模式：叠加；
}

lastes Chrome 40.x没有启用混合模式功能

您可以在Chrome或Opera中手动启用它：

复制粘贴 chrome://flags/#enable-实验性web平台功能进入 地址栏，然后按enter键

单击该部分中的“启用”链接

单击浏览器窗口底部的“立即重新启动”按钮

如上所述，您应该知道，混合模式仅适用于启用了过期功能的客户端：(

一、 我自己发现这件事很失望

背景混合模式：叠加；

功能在没有它的情况下可用

它将背景图像与背景颜色混合。不，你不能通过使颜色透明来作弊

---

希望我们很快就会看到默认情况下chrome附带的

mix-blend mode

。

谢谢，但我知道这种方法。但我想知道是否有一种方法可以使用canvas或SVG获得相同的结果