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;
}
任何建议?
答
把箭头上.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;
}
您正在将其添加到列表项中,但由于链接是块,因此将其推出,并将其放在链接本身上。