Grow your CSS skills. Land your dream job.

[Solved] Links & z-index Issue

  • # December 2, 2009 at 10:50 am

    I’m having a problem getting my links to work on this page: http://erikpeterson.brinkster.net/csstest/index2.html

    As you’ll notice I have some borders on to help define some the divs. There are 3 divs that have negative z-indexes (#bkgd, #bkgd-gradient & #color-tint) to create the layered background graphics. The content and links all basically reside in this div (z-index is set to 50)

    Code:

    As you can see the links are not working. I found that if I remove the z-index from the #bkgd div the links work again, however it’s not feasible in this design because the bkgd image need to be the furthest most back in the design in order to allow the other divs over the top.

    By the way I’ve only been looking at this on the mac in Safari & Firefox so it could be a little messy on the PC side still. The real issue is the links though. Any thoughts or solutions would be appreciated. Thanks!

    # December 3, 2009 at 8:12 am

    Fixed by changing from negative z-indexes to positive and making sure the div with the links was on top of everything else

    # December 3, 2009 at 12:27 pm
    "erikpo3" wrote:
    Fixed by changing from negative z-indexes to positive and making sure the div with the links was on top of everything else

    Thanks for coming back and telling us what solved it, can help other people in the future.

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