Ultimate Fade-in slideshow - Is in front of drop down menu

[elliott1]

Ultimate Fade-in slideshow (v2.1)

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Not sure if you can help me but i am trying to use the image fader with a drop down menu.

The problem is that when the menu drops down the image fader is in front of the menu so you can not see the menu.

Is there a way to have the images behind the menu.

[ddadmin]

This has to do with CSS z-index. Try giving the outermost element of the drop down menu both a CSS position of "relative", plus a high z-index value, ie:


<div id="mymenu" style="position:relative; z-index:2000">

[jgoverly]

I'm having the exact same problem as elliott1. Here's the implementation:

http://eerc.ra.utk.edu/etcfc/new/index.html

The Ultimate Slideshow is apparently somehow z-indexed on top of the js/css-based Tigra Menu I'm using for my menu. I looked into the CSS for the menu and added the style elements you suggested in the submenus, but may have added it incorrectly. Here's what I did:

---------------------
/* blue grades - sub levels; box properties for states: click */

.TM1o2 {
background: #23865f;
border: 1px solid #000000;
padding: 4px;
text-align: left;
vertical-align: middle;
text-decoration: none;
style: position:relative, z-index:4000;
}
---------------------

Did I mess it up or is it just not working?

[elliott1]

This has to do with CSS z-index. Try giving the outermost element of the drop down menu both a CSS position of "relative", plus a high z-index value, ie:


<div id="mymenu" style="position:relative; z-index:2000">

Works GREAT!!!!

Thanks

[rotarjen]

Thanks! This was a huge help!

[banninger]

This has to do with CSS z-index. Try giving the outermost element of the drop down menu both a CSS position of "relative", plus a high z-index value, ie:


<div id="mymenu" style="position:relative; z-index:2000">

This helped my students and me very much!