How to place an image over another?

Question

How to put an image over another bigger image, like on youtube, a play button is displayed on top of video thumbnail?

Answer 1

Taking your example of youtube, you could very easily do this with 2 images and 1 img tag and a little bit of CSS of course ;)

How it works is simple, you have the small youtube image as transparent PNG or GIF and then set the background image as the larger image, this will then give the effect of the smaller image being in the center with no extra markup.