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

我正在使用Bootstrap 3的旋转木马，右侧旋转木马控件覆盖了一些段落。通常这不是问题。然而，一些幻灯片中有链接，我希望用户仍然可以点击它们。我可以使锚标签覆盖另一个锚标签吗？

是否可以在段落中设置锚定标记（仅锚定标记）的z-index，以便它们在页面中比轮播控件“更高”？

Bootply与示例代码：http://www.bootply.com/6rOo9TcCNF

谢谢！

2015-05-12 kjw

这可能是可能的，但z-index是一个棘手的痛苦...通常任何最新的DOM将在最上面... – DrCord

啊gotcha。旋转木马控件是在HTML后来的，所以它们处于顶端。 – kjw

是的，如果你改变DOM顺序，它会把最后的项目放在其他东西上面，如果这对你是可行的，它可能是最简单的。 z-index可以工作，但通常是一个超级PITA ......如果你确实最终使用了z-index，请记住，你需要在每个要控制堆栈的元素上使用它，并且z-index必须是正整数。 – DrCord

我认为你最好只将carousel-control的宽度减少到35px之类的东西，并给你的幻灯片一些额外的填充，以便内容可以点击。

或者

另一种办法是给你的幻灯片链接高z-index，并尝试一下这种方式让他们重叠carousel-control但可能自身带来了一些问题。

来源

2015-05-13 15:20:42 DCdaz

这解决了完全落后于轮播控制的链接问题。谢谢。 – kjw

除了您使用的代码之外，您还必须移除您的V形百分比展示位置，如下所示。没有这样做你的先行。接下来的图标会流出，只有一半可见。 –

我认为这很明显。不用担心KJW很高兴你的排序。 – DCdaz

而不是改变旋转木马控制图标的位置，只需将您的旋转木马控制的宽度更改为图标的宽度，它应该可以解决您的问题。所以先删除：

.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

来源

2015-05-13 16:39:19

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

回答

相关问题