Right now I’m using a jquery cycle plugin to fade between 4 different images. What I want to do is get the div id "coverback" on top of the div id "cover". You may be thinking, "But if you do that you won’t be able to see the pictures!" Yes, well I’m planning on replacing the background in "coverback" with a png with a hole in it.
Anyway, the id’s "cover", "coverback", and the class "pics" and "pics img" all have relative positioning. "coverback" has a z-index of 10, and "cover", "pics" and "pics img" have a z-index of 5. If I understand it right, coverback should now be on top of everything with a lower z-index, correct?
Unfortunately, that’s not what is happening. Here’s the snippet of the HTML: