jquery - 为什么在将 jquery carousel 应用于代码时无法单击我的锚点？

Question

我正在尝试在页面顶部创建幻灯片，我正在使用此插件：https ://github.com/thomaslanciaux/jquery-carousel/blob/master/src/jquery.carousel.js

这是迄今为止的结果：http ://robert.aurelslab.co.uk/ ，如您所见，我无法点击阅读更多链接。我注意到如果我删除上面的轮播脚本，我可以让链接正常工作。对如何解决这个问题有任何想法吗？

我尝试添加一个 z-index:-100; 到所有相关的包装 div，但它并没有帮助这种情况。我可以做些什么来使“阅读更多”

谢谢

Answer 1

这是因为#slider 的 z-index 为负。你应该添加这个CSS：

#slider{
  z-index: 1;
}

Answer 2

使用最新的稳定版 Chrome，加载页面时divwithclass="carousel-wrap"有一个style=""height 为136px的属性。这太小了。当我单击图像滑块上的下一个或上一个按钮时，它会突然扩展到272px，它足够高，可以正常工作，然后可以单击阅读更多按钮。您的 CSS 中某处有一个冲突的 height: 属性，或者某些 javascript 正在应用该 height: 属性，并且您在一个地方更改了它但错过了另一个地方。

检查你所有的身高。