Results 1 to 4 of 4

Thread: Layering, Javascript, & Ultimate Fade-in slideshow (v1.5)

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

    Default Layering, Javascript, & Ultimate Fade-in slideshow (v1.5)

    ok so I'm working on a website

    http://stage.achaean.com/bestfire/

    when using IE the dropdown menu goes under the slideshow script ( Ultimate Fade-in slideshow (v1.5) )

    I tried using layer, ilayer and zindex but IE doesn't seem to like any of em. Does anyone know a way to make sure the menu drop downs appear above the slideshow?

  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

    Code:
    #yh_hover_dropdownmenu ul, #yh_hover_dropdownmenu li{padding:0;margin:0;list-style:none;z-index:1000; }
    - John
    ________________________

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

  3. #3
    Join Date
    Jun 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    hey thanks that worked. How did you know 1000 would work? I had been trying 500 and it wasn't. There doesn't seem to be any zindexing on the slideshow besides the zindex of 0 I had been attempting to apply to it.

  4. #4
    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

    I recalled that the script updates the z-index of the slides so that they will cover each other as the new ones fade in. 1000 is just a 'go for broke' z-index setting (although I have seen them as high as 3000 in some scripts) but, the critical portion of this tweak is to apply the z-index to the proper element(s). I determined that using FF's DOM inspector. 500 might work if used with that particular style rule, and in fact does, I just tried it.
    - 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
  •