Results 1 to 2 of 2

Thread: Ultimate Fade Slideshow and z-index when behind div popup

  1. #1
    Join Date
    Jun 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade Slideshow and z-index when behind div popup

    1) Script Title: Ultimate Fade-in slideshow (v2.1)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem:
    This issue seems to be affecting Firefox 3.6.6 and Google Chrome.

    I have two slideshows setup on the right side of my window. Just above them in a global navigation there is a search box. This, when clicked, pops open a div that has advanced search features. When viewing in IE, this correctly hides the slideshow images below. When I view it in firefox or chrome, the images in the slideshow appear on top of my popup div, restricting the user functionality.

    I have set the z-index for the popup div to be 2000.

    Any ideas on how to resolve this?

    Do you require any further information?

    Thanks.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    That (2000) should be sufficient z-index to overdome the slide show's (it uses a top z-index of 1001).

    However, it (the pop up) must be position either absolute or relative (fixed position will work too, but not in IE 6 and less).

    Not only that, if the pop up has parent elements with any of these position values (fixed, absolute, or relative), then these must also have a higher z-index than the slide shows.

    And if the slide shows have a parent with those position values, then their z-index must be lower than the pop up's and its positioned parents (if any).

    There's always the posibility that something else may be causing this.

    If you want more help:

    Please post a link to a page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

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

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
  •