I was playing around with my old website design I created many years ago, back when you made complicated graphic designs by slicing them up and putting them together in tables. This time I was experimenting with using CSS layering, trying to accomplish the same thing as before, only much more simplified using html5 video instead of flash video along with transparent png’s as overlays. It wasn’t long before I ran into some limitations. I was having pretty good luck layering the png over the video. I was even able to add a couple of animated gifs as enhancements. But it really starts to get complicated when you try to layer too many items (may also have to do with my limited CSS knowledge).
One of the main things I discovered is how the
Here’s the working example