我在Photoshop中有一个多层图像，我想在网上使用。目的是有一些按钮来显示/隐藏各个层。
我最初的想法是将每个图层导出为透明的 GIF PNG，使用CSS堆叠图像并使用Javascript切换每个图层的可见性。
有没有更好的方法来实现这一目标？我特别感兴趣的是听说有任何软件或Javascript库来简化这个过程。
非常感谢。
编辑：
为了澄清，有问题的图像是一个地图，其中有各种轮廓和阴影区域要叠加，所以我只需要对图层不透明度进行基本控制。
答案 0 :(得分：0)
我会将每个图层堆叠成一个大图像。在前端代码中，创建一个框架大小的图层，并将堆叠图像作为背景。
创建按钮并使用jquery触发相对于按下的按钮的背景移位。看起来图像正在变化，但它只是改变了背景。这将节省连续的图像加载，使UI显得快速而无缝。
答案 1 :(得分：0)
您可以尝试使用:: before和:: after以及-webkit-mask-image属性来帮助您创建多层图像。
或者只是将png与绝对位置叠加在一起，顺便说一下你的png需要是24位模式。