Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Location
    Amsterdam
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    z-index problem in menu

    Morning,

    I can't figure out if this is even fixable.
    I have a dropdown menu that uses jQuery to animate-slide the dropdown contents under the item.

    The mockup can be found here:
    http://test.blindwire.nl/ai_menu/tpl.html

    Now, even though it's all working (probably not yet in IE) what i really want is the blue box dropping down to be BEHIND the black bar.

    The only solution I have found so far is to add a position: static to the <li> and then give the blue box a z-index of -1.

    This makes it go behind the black bar, but also behind the white content area, which obviously is not all that desired ..

    Any ideas?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    I don't think it's possible to effectively stack an element behind it's parent element.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Location
    Amsterdam
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It appears so


  •  

    Posting Permissions

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