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

Question

I have base image which is circle with Dashes & another 24 images with single dash highlighted. I want to merge those 24 dashes images in base image with the help of PHP GD. or JS Or CSS.

All images are png images.

Please help me.

Answer 1

Give the images a class or 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"/>

In CSS tell the images where to display:

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