Z-index无法隐藏锚点

这个问题通常是因为其他元素或样式在覆盖锚点上方，导致z-index属性无法起作用。 解决方法是在覆盖锚点的元素上添加z-index属性，并确保值较低以确保其位于锚点下方。

示例代码：

HTML：

<a href="#section1">跳转至第一部分</a>

<div class="container"> <div class="box">Box 1</div> <div class="box">Box 2</div> <div class="box">Box 3</div> <div id="section1">第一部分</div> </div>

CSS：

.container { position: relative; /* 必须有一个定位上下文 */ }

.box { position: relative; z-index: 1; }

#section1 { position: absolute; top: 0; left: 0; background-color: #ccc; z-index: 0; /* 确保值较低，以确保在.box上方 */ }