Static image on top of rotating image - css3
Posted on 2013-11-01
I'm having trouble getting a static (non-moving) small image on top of a larger rotating image. I'm using position: relative for the larger image, and position:absolute for the small one. Displays great in FF and IE10 when I don't rotate the bottom image. When I rotate it the position for the smaller image seems to become relative to the next outside <div> layer.
z-index didn't help either.
So, I seem to be able to rotate the larger image with the small one displayed to the side, or not rotate the large one and get the small one displayed on top of the large one where I want it.
I'm sure this is possible but I haven't discovered how. Any help will be appreciated.