Question

Well, i have to ask something complicated before i even start. I have a website on which there are facial images of workers. All images have rounded corners. I thought about idea that i can export image with fake rounded corners and opaque inside so photo of worker which is beneath can fit in.

Is there some way to do that?

Answer 1

In case you really need to put an image on top of the other one, just use the z-index property:

<img src="border.png" alt="" style="position: absolute; z-index: 1;" /> 
<img src="worker_photo.png" alt="" />   

In this case, the image “border.png” will show up over the “worker_photo.png”. If they have the same size, it will look exactly like what you want. But for rounded corners the previous reply is better. 🙂