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：::背后隐藏元素右侧

回答

相关问题