我可以使錨標籤覆蓋另一個錨標籤嗎？

我正在使用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

我可以使錨標籤覆蓋另一個錨標籤嗎？

回答

相關問題