Results 1 to 6 of 6

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

  1. #1
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    Ultimate Fade-in slideshow (v2.1)

    http://www.dynamicdrive.com/dynamici...nslideshow.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.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,878
    Thanks
    3
    Thanked 962 Times in 951 Posts
    Blog Entries
    15

    Default

    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:

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

  3. #3
    Join Date
    Nov 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Same problem, no fix

    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 */
    Code:
    .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?
    Last edited by keyboard; 12-05-2013 at 09:43 PM. Reason: Format: Code Tags [code][/code]

  4. #4
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    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:

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

    Thanks

  5. #5
    Join Date
    Feb 2006
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default perfect solution

    Thanks! This was a huge help!

  6. #6
    Join Date
    Jan 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Red face Thank you

    Quote Originally Posted by ddadmin View Post
    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:

    Code:
    <div id="mymenu" style="position:relative; z-index:2000">
    This helped my students and me very much!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •