无法使用 z-index 隐藏 link

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

如果你想实时查看，就here。我的样式表在列表的底部，我相信 wordpress 将其命名为 "inline style sheet #11" 我完全知道画廊是垃圾，我没有换成 'photo-gallery' 也没有更新照片。

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

无法使用 z-index 隐藏 link

cant hide link with z-index

html

css

z-index

hyperlink