css - 在导航栏后面显示 Glyphicon

Question

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

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

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

Answer 1

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

.glyphicon {
    position: static;
}

Answer 2

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

我正在使用很棒的字体，所以当我需要使用字形图标时，我添加了一个 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) 并且它运行良好。字体真棒和引导程序在字形图标方面非常相似，因此它应该适用于两种情况......希望这对某人有所帮助。