Search code examples
htmlcsshyperlinkz-index

cant hide link with z-index

I have a hyperlink positioned absolutely in the bottom right, but I don't want it visible when the view gets to the section it's linking to. My first thought was to use a Z-Index, but something is off.

HTML:

 <div class="gallery">
 </div>    
 <a href="#info">Details</a>
 <div name="info" class="textblock">
 </div>

css:

    #details{
        position: fixed;
        bottom: 00px;
        right: 0px;
        z-index:0;
    }

    .textblock{
        z-index:50;
    }

If you'd like to see it in real time, its right here. My stylesheet is at the bottom of the list I believe wordpress named it "inline style sheet #11" I'm fully aware the gallery is garbage, I haven't swapped out with the 'photo-gallery' nor updated the photos for that matter.

Solution

  • This fixes the issue:

    .textblock {
    position: relative;
 }