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 7 of 7
  1. #1
    Regular Coder
    Join Date
    Sep 2011
    Posts
    307
    Thanks
    50
    Thanked 1 Time in 1 Post

    z-index problem?

    Hi.

    I've created a child theme of the theme I purchased, but it is not functioning as well as I'd like.

    See the purchased theme here.

    See my child theme here.

    Notice that #menuStuff will not cross over the top of #cover or #coverContent, even though it has a higher z-index.

    Can you help me find out how to make the #menuStuff move over the top of #cover like the original purchased theme does please?

  2. #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,956
    Thanks
    164
    Thanked 2,236 Times in 2,223 Posts
    Notice that #menuStuff will not cross over the top of #cover or #coverContent, even though it has a higher z-index.
    I don't see any z-index applied to #menuStuff, when inspected using firebug.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  3. #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    307
    Thanks
    50
    Thanked 1 Time in 1 Post
    You're right.

    I gave #menuStuff a ZI of 1.

    #cover has a ZI of 0.

    #cover still displays above #menuStuff.

    Perhaps there is javascript doing something?

  4. #4
    New Coder
    Join Date
    Feb 2013
    Location
    Liverpool
    Posts
    71
    Thanks
    1
    Thanked 4 Times in 4 Posts
    Elements that use z-index may need position: absolute being applied to them so give that a try - trips me up quite a lot
    Working for Edge Three Sixty doing Drupal Development

  5. #5
    Regular Coder
    Join Date
    Sep 2011
    Posts
    307
    Thanks
    50
    Thanked 1 Time in 1 Post
    If I make it position:absolute it breaks the layout.

  6. #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,956
    Thanks
    164
    Thanked 2,236 Times in 2,223 Posts
    You don't need to set an absolute position. z-index needs either relative or absolute position to work. Try setting a relative position to the elements with z-index.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  7. Users who have thanked abduraooft for this post:

    SRD75 (06-28-2013)

  8. #7
    Regular Coder
    Join Date
    Sep 2011
    Posts
    307
    Thanks
    50
    Thanked 1 Time in 1 Post
    Fantastic. That solved it abduraooft.


 

Tags for this Thread

Posting Permissions

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