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

Question

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

Yet, the same anchor I copied into the new section works fine!

link 到网站：https://bomengeduld.github.io/debadkamers/

link 到 index.html：https://github.com/bomengeduld/debadkamers/blob/master/index.html

link 到 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;
}

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

After adding a snippet of code a (previously working) anchor stopped working when hover

anchor

github

jekyll

twitter-bootstrap

index.html

style.css