javascript - CSS，链接无效

Question

我试图制作一个 slider ，一切都很好，我完成了，但是我看到链接没有激活，当我将鼠标悬停在它们上面时，光标不是指针，如果我点击它们没有任何反应，除了最后一个。

我删除了 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 链接将再次处于事件状态，但其余部分将变得疯狂。

在这里http://screencast.com/t/KLpp6DysMZ8l是html代码的一部分。有 5 个 li，只有最后一个 li 链接有效。我不知道为什么。

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

Answer 1

我怀疑它们是相互重叠的，因为它们是绝对定位的，请尝试使用 z-index 对它们进行排序。在事件链接上使用更高的 z-index。