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 4 of 4
  1. #1
    New Coder
    Join Date
    Jun 2009
    Location
    Hamphire, UK
    Posts
    47
    Thanks
    7
    Thanked 1 Time in 1 Post

    Chrome and Safari z-index problems

    I'm trying to fix a website that uses a LOT of z-index to position the various elements on the page and as such has some problems with Chrome and Safari.

    The problem is that the navigation buttons are not clickable in Chrome and Safari, due to (I think) the wrap being 'on top' of the div the buttons are in, despite the z-index of the wrap being set to -1 and the z-index of the navigation bar being set to 12.

    Does anyone know a fix for these problems?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Sorry, we can't guess your code. Can we have a link?
    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 Coder
    Join Date
    Jun 2009
    Location
    Hamphire, UK
    Posts
    47
    Thanks
    7
    Thanked 1 Time in 1 Post
    Quote Originally Posted by abduraooft View Post
    Sorry, we can't guess your code. Can we have a link?
    I knew you'd ask that!

    Can I stress that I didn't build this site, I'm just trying to fix it.

    The buttons in question are on the right hand side, with the green backgrounds.
    Last edited by thresher; 06-09-2010 at 10:14 AM.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    #wrap {
    background-color:#FFFFFF;
    border:2px solid #4A6051;
    left:0;
    position:absolute;
    top:10px;
    width:840px;
    z-index:-1;
    }
    Is there any specific reason to use a negative z-index on the main container? I don't see any reason to use the z-index property as there's no "layered" elements in your page. What happens if you drop all z-indexes?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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