有没有办法用CSS模仿photoshop的叠加过滤器？

Question

叠加混合改变顶部图像的颜色，而不是仅改变透明度。有没有办法用CSS模仿这个？只需导出photoshop图像并将图层设置为叠加并将其放置在网页上的背景上就不起作用。

Answer 1

使用纯CSS无法完成，但可以使用javascript完成。查看Pixastic's blend function，它有~20种与photoshop相匹配的混合方法。

注意：多年来，这个答案变得不那么准确了。 mix-blend-mode属性现在适用于大多数浏览器，并且pixastic似乎已经消失。

Answer 2

我迟到了，但现在有一个public static bool IsPrimitiveType(object myObject) { var myType = myObject.GetType(); return myType.IsPrimitive || myType.Namespace == null || myType.Namespace.Equals("System"); } css属性，它将混合模式应用于整个元素，并考虑了下面的元素。

Answer 3

现在您可以使用CSS，但仅限现代浏览器，请尝试background-blend-mode: multiply; 它将元素的背景图像与背景颜色混合在一起。