即使z-index发生变化，Anchor标签也无法正常工作

Question

简单的锚标记即使被带到z-index

的顶部，也不会跟随链接

HTML

<a id="about" href="http://google.com">About</a>

CSS

#about {
font-size: 9vw;
color: red;
z-index: 100;
}

Answer 1

您必须将元素的position属性更改为默认static以外的其他值才能使z-index生效。

  

CSS中的z-index属性控制垂直堆叠顺序   重叠的元素。就像在，哪一个看起来好像是在物理上   离你更近。 z-index仅影响具有位置的元素   static以外的值（默认值）。

参考：Css-Tricks - z-index