Support » How-To and Troubleshooting » z-index problem

z-index problem

  • ciarangaffey



    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: http://www.ciarangaffey.com/blog

    Thanks a lot.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Michael


    Forum Moderator

    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; }



    Hey it worked. Thanks a lot.

    I guess i need to brush up on my css.

    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.