无法隐藏带有z-index的链接

Question

我的超链接绝对位于右下角，但是当视图到达其链接的部分时，我不希望它可见。 我的第一个想法是使用Z-Index，但是出现了问题。

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;
    }

如果您想实时查看它，就在这里 。 我的样式表位于列表的底部，我相信wordpress会将其命名为“内联样式表＃11”。我完全知道画廊是垃圾，我还没有换过“照片画廊”，也没有为此更新照片物。

Answer 1

这样可以解决问题：

.textblock {
    position: relative;
 }

Answer 2

这应该解决它。 z-index数越高，层^^越高

同样，不能在未定位的对象上使用z-index。

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

    .textblock{
      position: Relative
        z-index:50;
    }