z-index problem

  • Hi,

    I’ve got a dropdown menu positioned right above a rotating image banner. They all work fine except that when the menu drops down it’s behind the rotating banner. I’ve tried changing the z-index of the dropdown menu but to no avail. I can change the z-index of the banner but I can only put it behind everything including the wrapper which has a semi transparent black fill. Is there any way I can fix this? Why cant i change the z-index of the dropdown menu?

    Help here would be greatly appreciated. Here’s the site: https://www.ciarangaffey.com/blog

    Thanks a lot.

Viewing 4 replies - 1 through 4 (of 4 total)

  • you need to have ‘position: relative;’ on the css id or class, to get ‘z-index’ to work:

    for instance:

    #suckerfishnav { position:relative; z-index:20; }

    Thread Starter ciarangaffey

    (@ciarangaffey)

    Hey it worked. Thanks a lot.

    I guess i need to brush up on my css.

    somethingelse

    (@somethingelse)

    AWESOME… thank you. i’ve searching for this simple fix for over an hour.

    Thank you, verrrrrrrrrrryyyyyyyyy much. You rock, man… ??
    Work more than perfect. :)))))))))

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘z-index problem’ is closed to new replies.