CSS：::背後隱藏元素右側

我使用的引導和我的政府，我試圖讓這個導航欄中有一個箭頭在它的活動狀態之後。目前，我把一些箭頭出現，但問題是，它是隱藏的主要內容後面。CSS：::背後隱藏元素右側

我使用時的位置和z-index的右側（主要內容）的每一個元素上，但它並不想展示。這個導航是在左邊。

這裏是顯示箭頭代碼：

.navbar-inverse .navbar-nav > .active::after 
{ 
    content:""; 
    position: absolute; 
    top: 14px; 
    right: 0px; 
    border: 15px solid transparent; 
    z-index: 2; 
    border-left-color: #000; 
}

這是我的結構：

<body> 
    <div class="wrapper"> 
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
     .... 
    </nav> 
    <div id="page-wrapper"> 
    .... 
    </div> 
    </div> 
</body>

以下是我對#wrapper指定和＃頁面包裝。我給他們的z-index：-1和一些位置仍然沒有工作:(

#wrapper 
{ 
    padding-left: 0; 
} 

#page-wrapper 
{ 
    width: 100%; 
    padding: 5px 15px; 
}

任何建議？

enter image description here

來源

2014-10-11 Unsparing

把箭頭上.active > a代替：

.navbar-inverse .navbar-nav > .active a:after { 
    content:""; 
    display:inline-block; 
    position: relative; 
    left:5px; 
    border: 5px solid transparent; 
    z-index: 2; 
    border-left-color: #fff; 
}

您正在將其添加到列表項中，但由於鏈接是塊，因此將其推出，並將其放在鏈接本身上。

演示：http://jsbin.com/cocedu/1/edit

來源

2014-10-12 05:43:20 Christina

CSS：::背後隱藏元素右側

回答

相關問題