z-index and IE7

z-index and IE7

by Dan Humpherson -
Number of replies: 2
Im putting together a new theme, its fairly similar to the EduMoodle theme but updated.

Its available here: http://edumoodle.veloxserv.co.uk/moodle

You can click the green arrows next to Tutorials and Resources which produces a drop down menu.

The drop down menu appears in front of the slideshow gallery in Firefox but in IE it slides down behind.

Now i know that IE doesnt opey the z-index property correctly but can anyone suggest a solution?
Average of ratings: -
In reply to Dan Humpherson

Re: z-index and IE7

by Anthony Borrow -
Picture of Core developers Picture of Plugin developers Picture of Testers
I would be curious as to how the slides are implemented. I ran into something similar with a flash (swf) version of this using either embed or object (I forget at this point) but what I do remember is that once I set the wmode to transparent that my slideshow no longer masked my menu (see http://community.jsea.org/). I still have an issue with embedded pdf files that I have documented at MDL-19765. I hope this helps somewhat. Peace - Anthony

p.s. - I looked at the link you provided and it looks like you are using javascript to move through your images. I had initially tried this approach but began favoring the swf file as the client will be able to generate new ones and easily modify them by uploading them into their Moodle site files. I didn't notice you making use of z-index but when I was doing this I had specified the z-index of my css menu to be really high so that it would not drop to the background behind the images. I think I set the menu to havea z-index of 1,000,000 or so since the images were rotating every 5 seconds it would take quite a while for it to get that high.