Overlay PNG images using CSS and PHP GD2

Author: Julian Hansen, October 2016

Demonstration of four different methods of overlaying images

Source Images

Method 1 - Positioned

Images positioned on top of each other

Method 2 - Background

Make the background image the background for the container and the foreground content. Assumes images are the same height and width

Method 3 - Multiple background images

Method 4 - PHP GD2 imagecopymerge

Merge images on the server and send back a merged image