Html <；a>；标记显示为链接，但不可单击

我正在尝试创建一个只使用HTML和CSS的简单滚动按钮（稍后将使用JS来启用视差（这不是问题））。但至少在Firefox和Google Chrome中查看时，该链接具有链接的视觉特征，但光标悬停在其上方时不会改变。我试图搜索谷歌，但我没有找到任何东西；到目前为止，这没有任何帮助

以下是我目前掌握的代码：

HTML

我编码的时间还不长，所以别紧张。你们可以贡献的任何东西都会很棒。

在你们的CSS中：

.main-parallax {
z-index: -1;
}

应替换为：

.main-parallax {
z-index: 1;
}

这样，你的锚就可以点击了

PS：你可以删除这个，它没有用：

#scrollbtn {
    cursor: pointer;
}

---

您有一些z索引问题。一个突出的是。主视差，它的z-指数为-1，关闭div没有打开div。把它放在一个代码编辑器中，你会自己看到，HTML源代码也会向你展示这一点。除此之外，关于代码，您还有什么需要更改的吗？您还缺少了

或

@TimBarnett的结束部分。您愿意发布您的答案吗？这已经不存在了！哈哈。我将其更改为z索引：0；一切都很好。谢谢你的回答。

.main-parallax {
z-index: 1;
}

#scrollbtn {
    cursor: pointer;
}