旋转木马内部的按钮不可点击

Question

我正在使用此bootstrap3 template 我注意到第一个滑块的旋转木马内的任何按钮都像：

<a class="btn btn-success btn-lg" href="#" title="">Sign up now!</a>

除非您单击左边框上按钮中的小区域，否则

不可点击。 我不确定这里发生了什么，事件监听器是从代码中正确注册的，并且无法真正找到问题。 也许是一些奇怪的造型错误？

非常感谢任何帮助！

Answer 1

按钮正由<ol class="carousel-indicators">覆盖，如您所见：

只有可以点击该元素未覆盖的左侧部分。要解决此问题，请修改CSS，将#carousel-example-generic1 .carousel-indicators上的宽度从30％更改为10％。

Answer 2

对我来说，这是因为对于我的div.carousel-item选择器，我的z-index为-1。删除此行，按钮开始正常工作。