无法隐藏与z-index的链接

时间:2018-05-24 19:46:33

标签: html css hyperlink z-index

我有一个绝对位于右下方的超链接,但是当视图到达它链接的部分时,我不希望它可见。我的第一个想法是使用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将其命名为“内联样式表#11”我完全清楚画廊是垃圾,我没有换过“照片库”也没有更新照片物质

2 个答案:

答案 0 :(得分:0)

这解决了问题:

.textblock {
    position: relative;
 }

答案 1 :(得分:0)

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

越高

也有人不能在非定位对象上使用z-index。

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

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