在PHP中将2个或更多png图像合并到基础图像上

Question

我的基本图像是带有Dashes＆amp;的圆圈。另外24张图片突出显示单个短划线。我想借助PHP GD在基本图像中合并这些24个短划线图像。或JS或CSS。

所有图像都是png图像。

请帮帮我。

Answer 1

为图像提供类或ID：

<img class="progress" src="http://i.stack.imgur.com/ThNPg.png"/>
<img class="aboveprogress" src="http://i.stack.imgur.com/drRa2.png"/>
<img class="aboveprogress" src="http://i.stack.imgur.com/YpCTF.png"/>

在CSS中告诉图像显示的位置：

.progress {
    position: fixed;
    top: 5px;
    left:5px;
    z-index: 0;
}
.aboveprogress {
    position: fixed;
    top: 5px;
    left:5px;
    z-index: 1;
}