链接不可点击后面的固定位置div使用css剪辑

我使用css属性剪辑旁边的固定位置元素来制作一个很酷的滚动/分页效果

这一切都很好，但我的问题是，我不能点击我的链接

我可以看到固定元素相互重叠，这导致了问题，但我不知道如何解决它

我尝试过更改容器和锚标记上的z索引值，但没有成功

这是一把小提琴：

如果有人能帮上忙，那就太棒了

---

干杯

问题出在。固定容器：

.fixed-container {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none; <-----
}



pointer-events: none;

在该容器内根本不会触发指针事件。。。因此，链接不处于活动状态

这里有更多关于这个的。。。

---

所以我已经弄明白了，但我无法真正解释它

首先要做的是删除指针事件：感谢@manhatmanich发现了指针事件

这使得第一个链接可点击，但其余的链接不可点击。这看起来像是z索引问题，但更改z索引值不起作用

因此，在玩游戏时，我尝试从锚定标签和吊杆上删除绝对位置，所有链接都可以点击

你可以在这里看到小提琴：

---

我真的不明白这是如何解决问题的，但它确实解决了

我遇到了同样的问题，这里给出的代码没有指针事件：无；为我工作。唯一的问题是，我的fixed position元素中也有链接，现在这些链接不起作用。

由于返回速度太快，不幸的是指针事件没有足够的浏览器支持；出代码和链接将工作！去掉指针事件会使第一个链接起作用，但其余链接不起作用。为什么要使用背面可见性？我也没有看到你正在使用的“剪辑”属性…所有的链接都指向google.com，所以让它们变得不同，你会看到它们会起作用，至少对于测试过的FF 35.0！嘿，伙计们刚刚想出了如何解决所有复杂的bs，你根本不需要上面的代码。只需转到包含不可链接链接的特定标签，并添加以下内容将锚位置更改为“相对”，即可轻松解决您的问题！非常有趣，您能提供一个工作示例/jsfiddle吗？