Question

我正在使用Bootstrap 3的旋转木马，右侧旋转木马控件覆盖了一些段落。通常这不是问题。但是，一些幻灯片中包含链接，我希望用户仍然可以单击它们。

是否可以在段落中设置锚标记的z-index（以及仅锚标记），使它们在页面中比旋转木马控件“更高”？

使用示例代码进行Bootply：http://www.bootply.com/6rOo9TcCNF

谢谢！

Answer 1

我认为您最好将carousel-control的宽度缩小为35px，并为幻灯片添加一些额外的填充，以便点击内容。

或者

另一个替代方法是将幻灯片链接设为高z-index，然后以这种方式进行尝试，使它们与carousel-control重叠，但这本身可能会带来一些问题。

Answer 2

不要改变旋转木马控制图标的位置，只需将旋转木马控件的宽度更改为图标的宽度，它就可以解决您的问题。首先删除：

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right:15%;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left:15%;

然后添加; } .carousel-control {width:30px!important;}这是新的bootply http://www.bootply.com/EMilPfoDoK

我可以使锚标签覆盖另一个锚标签吗？

2 个答案: