添加一段代码后，（以前工作的）锚在悬停时停止工作

Question

我开始从引导模板构建一个项目。然后我将 bootply 中的一段 sn-p 代码添加到服务部分。由于某种原因，第一部分中的按钮（锚点）不再起作用。

然而，我复制到新部分的同一个锚点工作正常！

网站链接：https://bomengeduld.github.io/debadkamers/

index.html 链接：https://github.com/bomengeduld/debadkamers/blob/master/index.html

style.css 链接：https://github.com/bomengeduld/debadkamers/blob/master/style.css

index.html

<a href="#" class="button white">OFFERTE</a>

style.css

input:focus,
button:focus,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: #000000;
}

.button.white,
.button:hover {
    background-color: #ffffff;
    color: #000;
}

Answer 1

请将此代码添加到我们的 css 中。

.header-area .v-center{
  position: relative;
  z-index: 999;
}