PDA

View Full Version : Ultimate Fade-in slideshow - Is in front of drop down menu



elliott1
11-16-2009, 11:36 PM
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
11-17-2009, 05:12 AM
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
11-18-2009, 01:40 AM
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
11-18-2009, 08:34 PM
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
05-27-2010, 05:50 PM
Thanks! This was a huge help!

banninger
12-05-2013, 07:32 AM
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!