【问题标题】：buttons inside carousel-inner not clickablecarousel-inner 内的按钮不可点击
【发布时间】：2019-05-03 10:35:39
【问题描述】：
我正在使用这个bootstrap3 template
我注意到第一个滑块的旋转木马内的任何按钮都像：
<a class="btn btn-success btn-lg" href="#" title="">Sign up now!</a>
除非您单击左边框按钮中的一小块区域，否则不可单击。
我不确定这里发生了什么，事件侦听器已从代码中正确注册，并且无法真正找到问题。
也许是一些奇怪的样式错误？
非常感谢任何帮助！
【问题讨论】：
标签：
html
twitter-bootstrap-3
【解决方案1】：
该按钮被<ol class="carousel-indicators"> 覆盖，您可以在此处看到：
只有未被该元素覆盖的左侧部分是可点击的。要修复此修改您的 CSS，请将 #carousel-example-generic1 .carousel-indicators 的宽度从 30% 更改为 10%。
【解决方案2】：
对我来说，这是因为我的 div.carousel-item 选择器的 z-index 为 -1。删除了这一行，按钮开始正常工作。