简单HTML链接无法生效，疑与CSS相关，请求排查帮助

嘿，我瞅了下你贴的CSS代码，几乎可以肯定是**z-index: -1**这个属性在搞砸你的链接点击！

核心问题分析 #

你给#innerNav设置了z-index: -1，这会让整个导航容器直接跑到页面所有默认层级元素的下方。哪怕里面的链接是正常的，当你点击的时候，实际触发的是上层的页面元素（比如body或者其他容器），根本碰不到导航里的链接。

另外你提到添加relative或absolute会破坏粘性定位——其实粘性定位（position: sticky）本身就是相对定位的一种特殊形式，不需要额外加relative或absolute，保持position: sticky就好，调整z-index不会影响它的粘性效果。

修复方案 #

把#innerNav的z-index改成一个正数，比如：

#innerNav {
  /* 保留你原来的其他属性 */
  background-color: black;
  color: white;
  left: 0px;
  overflow: hidden;
  height: 1300px;
  width: 150px;
  z-index: 10; /* 把-1改成正数，数值根据你的页面层级调整 */
  white-space: nowrap;
  list-style: none; /* 补全你没写完的属性 */
}

额外检查点 #

如果改完z-index还是不行，可以再排查这几点：

• 看看链接本身有没有被pointer-events: none禁用点击
• 检查是否有其他容器用position: absolute/fixed覆盖在导航上面
• 确认overflow: hidden没有把链接的可点击区域裁切掉

内容的提问来源于stack exchange，提问作者Ghoyos