Grow your CSS skills. Land your dream job.

Help with Z Index

  • # July 12, 2013 at 3:55 am

    I have a logo, and some content info, and underneath a menu.
    I bring the menu up, and set a border on its top, and set the z-index to -1 so the border goes under the logo. This screws up though, because the menu goes under the contact block as well, which means none of the links can be clicked. Is it possible to pull this off, or do I have to add an empty div above the menu to use the border?

    jsfiddle: http://jsfiddle.net/Tt3Y8/

    screenshot: http://grab.by/opbG

    # July 12, 2013 at 4:03 am

    [Here ya go](http://jsfiddle.net/Tt3Y8/1/ “”)

    # July 12, 2013 at 4:12 am

    @alexmccabe, thank you, but that’s not quite what I had in mind. I actually tried that myself, but it doesn’t go all the way across.

    if you look at the screenshot, the border needs to go all the way across, underneath the logo, because it will go under the Text as well.

    thank you, though.

    # July 12, 2013 at 6:30 am

    Put the border on a pseudo element instead is the quickest fix I could find – http://jsfiddle.net/Tt3Y8/2/

    # July 12, 2013 at 12:33 pm

    man…@CrocoDillon that is perfect. Thank you so much.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".