Results 1 to 2 of 2

Thread: fadesslideshow covers menu while changing image

  1. #1
    Join Date
    Dec 2016
    Thanked 0 Times in 0 Posts

    Default fadesslideshow covers menu while changing image

    1) Script Title:
    2) Script URL (on DD):

    3) Describe problem:
    Hi, i include your Fadeslideshow into my website. I have the problem that if the pictures are changeing the picture covers the menue. I tried to use z-index to get it in backgroud, but it won't work.
    Does someone has an idea what i can do?

    thanks a lot


  2. #2
    Join Date
    Mar 2005
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries


    I'm assuming you mean this slideshow:

    But the solution is pretty much the same with any such slideshow, and you have the right idea, z-index. I'm not sure what you tried to do with z-index though. People often first try setting the z-index on the slideshow. That doesn't work because its z-index is integral to its operation and set in a dynamically changing pattern by the script. What you need to do is raise the z-index of the menu. Usually just making sure that the root element (usually a div or a ul) of the menu is positioned fixed, absolute, or relative (it may already be one of these, but if it's not, choose relative), and it's z-index is set higher than the highest (1000, if you're using the slideshow I think you are) used by the slideshow should do the trick. So something like so (assuming the div shown is the root of the menu):

    <div style="position: relative; z-index: 1001;">menu is here</div>
    You can also add these styles in a stylesheet if the menu root element has a class name or a unique id, or if it doesn't, you can give it one for that purpose.

    Sometimes though it can be more complicated, or seem more confusing than it is.

    If you want more help, please post a link to the page on your site that contains the problematic situation.
    - John

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Fade-In Pic Covers Menu
    By DuaneNelson in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 06-04-2012, 06:14 PM
  2. Slideshow covers up my menu bar, please help!
    By AHalsey in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-30-2011, 02:27 PM
  3. Replies: 1
    Last Post: 12-24-2009, 04:39 AM
  4. Chrome Drop Down menu covers the link
    By voodoo in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-05-2008, 09:01 PM
  5. the html tag select covers the cascade menu
    By in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-05-2005, 10:48 AM


Posting Permissions

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