添加一段代码后，（暂停工作）锚点在悬停时停止工作

Question

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

  

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

链接到网站：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;
}