Javascript CSS，链接无效

我试着制作一个滑块，很好，我完成了，但是我看到链接没有激活，当我在上面悬停时，光标不是指针，如果我点击它们，除了最后一个，什么都不会发生

我删除了css，我看到链接是好的。所以我试图在css中找到问题所在

第一:

.caption-wrapper{

   position: absolute; 

   text-align: center;

   width: 100%;
}

如果我删除position:absolute，链接将处于活动状态，但是jquery运动动画不再工作

第二：

ul.slides li{

    position: relative;

    width: 100%;

    float: left;

    margin-right: -100%;

    height: 500px;
}

这一次，如果我删除float:left，链接将再次处于活动状态，但其他链接将变得疯狂

下面是html代码的一部分。有5个li的链接，只有最后的li链接有效。我不知道为什么

---

我不知道该怎么办。我在这个滑块上做了很多工作。有人有这个问题吗？谢谢大家!

我怀疑它们是层叠在一起的，因为它们处于绝对位置，请尝试使用z-index对它们进行排序。在活动链接上使用更高的z索引。

您能创建一个显示问题的JSFIDLE吗？很难从你提供的CSS代码中看出发生了什么问题，我不知道该如何感谢你。我从来没有教过这件事，因为我不知道什么是z指数。如果这是你问题的答案，请把他的答案标记为答案。