Grow your CSS skills. Land your dream job.

submenu behind content…not IE7!

  • # October 2, 2012 at 3:13 pm

    Hello all!

    Just when I thought only IE7 has z-index issues I’m having trouble with FireFox!!!

    I’ve NEVER had this much trouble with a css menu but this is the first time I’ve tried this particular one.

    Please take a look at siphon-marketing.com/unifirst/level2.html and navigate the first nav item. As you can see, the submenu goes beneath the content below.

    I’ve played with the z-indexes quite some time now to no avail.

    I’m at my wit’s end and hope a CSS god can come to my rescue :)

    # October 2, 2012 at 3:43 pm

    .container { z-index: 11; }
    `#slide-shadow` (contains the stuff the nav falls behind) has z-index: 10. While `.container` (contains the nav) only has z-index: 1.

    edit: oh I see you have two .containers. Give the header container another class and give that a high z-index. Otherwise:

    body > .container:first-child { z-index: 11; }

    # October 2, 2012 at 4:13 pm

    YOU DA MAN!

    This is the 2nd time you’ve bailed me out…do you do this freelance? I could use somebody like you :)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".