Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS-透明PNG与Photoshop图层类型_Css_Photoshop - Fatal编程技术网
Fatal编程技术网
  • css/
  • CSS-透明PNG与Photoshop图层类型

CSS-透明PNG与Photoshop图层类型

css

CSS-透明PNG与Photoshop图层类型,css,photoshop,Css,Photoshop,我刚刚创建了Photoshop模型，所有阴影和高光层都设置为“叠加”，而不是“普通” 当我将它们保存为.png并显示在我的网站上后，它们看起来很糟糕，因为Photoshop使用了过滤器，而png/css没有 有没有办法解决这个问题 我无法将突出显示保存为带有背景的.jpg/.png文件，它需要保存为半透明的.png文件，并使用多背景技术将其放置在背景图像上 有什么提示/想法吗？尝试使用不透明度/高光颜色，但仍远远不够完美。也许有什么办法 简短回答：不 详细回答：您有两种选择，它们都不涉及CSS：

我刚刚创建了Photoshop模型，所有阴影和高光层都设置为“叠加”，而不是“普通”

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

有没有办法解决这个问题

我无法将突出显示保存为带有背景的.jpg/.png文件，它需要保存为半透明的.png文件，并使用多背景技术将其放置在背景图像上

有什么提示/想法吗？尝试使用不透明度/高光颜色，但仍远远不够完美。也许有什么办法

简短回答：不

详细回答：您有两种选择，它们都不涉及CSS：

  • 使用其中一个JavaScript插件进行复制 这些函数包含一些复杂的计算（例如 可以在Vladimir Volek在原件上留下的评论中找到 问题: )
  • 通常可以使用不同的方法重新创建这些效果 （和更耗时的，逐案的方法）在Photoshop中。我通常会问 设计师，如果他/她有时间可以回去重新做，以及 如果不是，我会花太多时间自己做。我讨厌 用JS做这样一个愚蠢的表示
    • 有一个解决方案，但是使用javascript。没有办法在css中做到这一点

    我也有同样的问题。。。我发现这样做的方法是尝试使用不透明度而不是覆盖来重新创建图像。在上面附上的图片中。。。您可能可以使用渐变工具，将颜色从黑色变为透明。将它们应用到新层，然后向下更改不透明度，直到您喜欢为止。然后可以删除背景并将其保存为png