在Navbar后面显示Glyphicon

Question

我的页面上有一个登录表单，在用户和传递字段中有2个bootstrap glyphicons。问题是当它们滚动时，它们显示在我的粘性导航栏上方。

我尝试将z-index设置为比导航栏更小的值（即navbar = 1 icons = 0），但这并不起作用。

为什么会发生这种情况？如何防止此行为？

Answer 1

通过改变CSS中的position属性滚动时，我通过Glysticons通过Bootstrap导航栏解决了这个问题。

.glyphicon {
    position: static;
}

Answer 2

恢复旧线程......我自己遇到了这个问题，并认为我会分享我的解决方案。

我使用字体很棒，所以当我需要使用glyphicon时，我会添加一类fa。类fa看起来像这样。

.fa{display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translate(0, 0);}

我刚从类中删除了transform：translate（0,0），它完美无缺。字体真棒和引导程序非常相似，所以它应该在两种情况下工作...希望这有助于某人。