CSS - 透明PNG vs Photoshop图层类型

Question

我刚刚创建了Photoshop模型，并且所有影子&高光层都设置为“覆盖”而不是“正常”。

当我将它们保存为.png并在我的网站上显示后，它们看起来非常糟糕，因为Photoshop使用了过滤器，而png/css则没有。

有没有解决它的方法？

我无法将高亮保存为具有背景的.jpg/.png文件，需要将其保存为半透明.png，并使用多种背景技术将其放置在背景图像之上。

任何提示/想法？尝试玩不透明/高光颜色，但仍然很不完美。也许有一些CSS方法？

Answer 1

有一个解决方案，但在JavaScript中。没办法如何做到这一点在CSS中。

http://www.pixastic.com/lib/docs/actions/blend/

Answer 2

简答题：没有。

龙答：你有两个选择和他们都没有涉及这样做在CSS：

1. 使用JavaScript插件在那里，将复制 这些功能有一些复杂的计算中的一个（一个示例 可以在评论Vladimir Volek留在原来的 问题： Is there a way to mimic photoshop's overlay filter with CSS?）。
2. 通常可以在Photoshop中使用不同的 （以及更耗时的逐案方法）重新创建这些效果。我通常会询问 设计师，如果他/她可以回去重做，如果他们有时间的话，如果没有的话，我会花费太多时间自己做。我讨厌 使用JS作为一个愚蠢的表象这样的事情。

Answer 3

我有完全相同的问题...我发现做到这一点的方法是尝试使用不透明度，而不是叠加的重建图像。通过上面附加的图像...您可以使用颜色为黑色的渐变工具来透明。将它们应用到新图层，然后更改不透明度，直到您喜欢为止。然后，您可以删除背景并将其保存为png。