javascript - HREF 在第三层不起作用，使用视差 CSS

Question

我的 Parallax CSS 有一个小问题，出于某种原因在我的第三个 div 中，它不想制作标签 <a>可点击，我认为问题出在“z-index:-1;”内通过将其更改为正数，我很确定它会解决此问题，但我需要 z-index: -1 才能运行视差 css。

这是我的第 3 个 Div 的编码，它有一个 href 不可点击的问题。 #about-us第二个 div，适用于 <a>标签，#portfolio不工作<a>标签。

#about-us:before {
    background-image: url("images/bg_4.jpg");
    transform: translateZ(-1px) scale(2);
    z-index:-1;
}
#portfolio {
    background-image: url("images/bg_3.jpg");
    background-attachment: fixed;
}

Answer 1

具有负 z-index 的元素将永远无法点击，这是设计使然。您应该使所有其他元素的 z-index 更高，这样您就不必给这个 div 一个负值。