treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Z-index @ ie7

  • 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?
  • 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.


    #header {
    z-index: 1;
    }


    In the end it should look like this:


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


    Cheers,

    Wayne