Grow your CSS skills. Land your dream job.

Z-index @ ie7

  • # July 23, 2010 at 7:19 am

    Check this page: imowood[dot]pt

    The image at the right (with the wood) is abosute positioned with z-index 1000, but in IE7 that image apeears behind the menu.. Any fix for this?

    # July 26, 2010 at 7:06 am

    No one?

    # July 26, 2010 at 2:15 pm

    The IE7 "z-index" bug has got you (I think it actually affects IE 7 or less). Google it up!
    Anyhoo, the fix is very simple, just add the following to your CSS #header declaration.

    Code:
    #header {
    z-index: 1;
    }

    In the end it should look like this:

    Code:
    #header {
    position: relative;
    height: 100px;
    z-index: 1;
    }

    Cheers,

    Wayne

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".