Html 我可以让一个锚定标签覆盖另一个锚定标签吗?

Html 我可以让一个锚定标签覆盖另一个锚定标签吗?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我使用的是Bootstrap3的旋转木马,右侧的旋转木马控件覆盖了一些段落。通常这不是问题。然而,一些幻灯片中有链接,我希望用户仍然能够单击它们 是否可以在段落中设置锚定标记(仅锚定标记)的z索引,以便它们在页面中比旋转木马控件“更高” 使用示例代码启动: 谢谢 我认为您最好将carousel控件的宽度缩小为35px,并为幻灯片添加一些额外的填充,以便单击时可以访问内容 或 另一种选择是为幻灯片链接提供一个高的z索引,并尝试这样做,以便它们与旋转木马控件重叠,但这本身可能会带来一些问题。而不是更

我使用的是Bootstrap3的旋转木马,右侧的旋转木马控件覆盖了一些段落。通常这不是问题。然而,一些幻灯片中有链接,我希望用户仍然能够单击它们

是否可以在段落中设置锚定标记(仅锚定标记)的z索引,以便它们在页面中比旋转木马控件“更高”

使用示例代码启动:


谢谢

我认为您最好将
carousel控件的宽度缩小为
35px
,并为幻灯片添加一些额外的填充,以便单击时可以访问内容


另一种选择是为幻灯片链接提供一个高的
z索引
,并尝试这样做,以便它们与
旋转木马控件重叠,但这本身可能会带来一些问题。

而不是更改旋转木马控件图标的位置,只需将旋转木马控件的宽度更改为图标的宽度,就可以解决您的问题。因此,首先删除:

.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

这是可能的,但是z-index是一个棘手的难题…通常DOM中最新的东西都会在顶部…啊,明白了。是的,旋转木马控件稍后在HTML中出现,因此它们位于顶部。是的,如果您更改DOM顺序,它会将最后的项置于其他项之上,如果这对您来说是可行的,它可能是最简单的。z-index可以工作,但通常是超级PITA…如果您最终使用z索引,请记住,您需要在每个元素上使用z索引来控制堆叠,并且z索引必须是正整数。请提供一些示例代码来说明您的问题。您是否将旋转木马段落放在容器中,以便它们不会溢出到旋转木马中控制?如果是这样的话,你确定你说的不是溢出到你的指示器而不是你的控件中吗?这解决了链接完全落在旋转木马控件后面的问题。谢谢。除了你的代码,你还必须删除你的V形百分比位置,如我在下面所示。不这样做你的上一个。下一个图标将在外面流动,只有一半可见。我认为这是相当明显的。不用担心,KJW很高兴你的工作顺利完成。