html - carousel-inner 内的按钮不可点击

标签 html twitter-bootstrap-3

我正在使用这个 bootstrap3 template 我注意到第一个 slider 的轮播内的任何按钮都像:

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

不可点击,除非您点击按钮左边框上的一小块区域。 我不确定这里发生了什么,事件监听器已从代码中正确注册,但无法真正找到问题所在。 也许是一些奇怪的样式错误?

非常感谢任何帮助!

最佳答案

按钮被 <ol class="carousel-indicators"> 覆盖了如您所见:

Button being covered by HTML element

只有未被该元素覆盖的左侧部分是可点击的。要解决此问题,请编辑您的 CSS,更改 #carousel-example-generic1 .carousel-indicators 上的宽度从 30% 到 10%。

关于html - carousel-inner 内的按钮不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25381403/

相关文章:

javascript - ThreeJS CSS 3D Sprite 随机化

jquery - 在 POST 之前从按钮提交的 SelectList 中选择所有选项

css - HTML5 布局 DIV 尺寸

html - 在 CSS 中制作图层

javascript - 使用 JavaScript 或 jQuery 自动填充当前时间

javascript - 待办事项列表,并在 5 个元素处选中以显示按钮

css - 这个 CSS 焦点功能叫什么?

javascript - 如何使用angularjs限制用户不在文本框中输入特殊字符

javascript - keyup 函数突出显示正在输入的值

python - Selenium 按钮点击不起作用