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

Question

我的基本图像是带有破折号的圆圈和另外 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;
}