Css 在导航栏后面显示图标

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

我曾尝试将z索引设置为比导航栏更小的值（即导航栏=1图标=0），但没有成功

---

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

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

我使用的字体很棒，所以当我需要使用字形图标时，我添加了一个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），它工作得非常好。字体可怕和引导是非常相似的，当谈到字形图标，所以它应该在这两种情况下工作。。。希望这对别人有帮助

我通过改变CSS中的position属性，在滚动时通过引导导航栏传递Glyphicons解决了这个问题

.glyphicon {
    position: static;
}

---

你有小提琴吗？z-index应该可以工作，尽管将

position:relative

应用于登录表单的包含

。使用z-index是正确的方法。只是你的实现有点问题。请使用帮助我们了解您是如何实现它的。我无法用fiddle复制此问题：S@Mackiee抱歉，我刚才没有时间设置fiddle，因为它是一个基于joomla的网站，设置有点复杂，但我会在可以复制此问题时发回。然而，有一件令人困惑的事情是，父div被导航栏隐藏了……不用担心，但是请编辑您的答案，以包括引导程序的哪个版本！：）