Html 为什么菜单出现在Chrome和FireFox中，而不是IE中？

为什么在FireFox和Chrome中，顶级菜单“一切”、“芭蕾平底鞋”、“靴子”等——div id=标题栏——看起来很棒，但除非你向下滚动页面，否则会隐藏在IE中

---

任何帮助都将不胜感激：

它位于顶部栏的下方。要么将z索引更改为比顶栏大的值，要么将顶栏更改为位于顶栏下方。

对我来说，它也隐藏在chrome中。。。无论如何，请在css中更改此选项：

#header-bar {
   top: 84px;
   z-index: 105;
}

从标题包装器中删除z-index，并将z-index:106添加到标题导航

---

希望它能对……有所帮助。

它也隐藏在chrome中。z指数比背景或其他东西的指数低。 无论如何，在标题导航中添加如下内容：

z-index: 130;

我发现在这个特殊的例子中，标题栏上的设置位置：绝对是一个糟糕的做法。把它改成

#header-bar {
  position: relative;
  /*left: 0;
  right: 0;
  top: 44px; - remove these*/
}

这将保持自然的文件流；position:relative允许下拉定位和维护渲染上下文，与完全删除position属性相比，可以查看鞋牌后面的下拉菜单

---

经验法则：如果可以不使用绝对定位进行构建，请避免绝对定位。

对不起，我的错，我应该说SFW：这种维护位置的方法：相对不必要地干扰文档流，并将您提交到显式维度。另外：这太僵硬了，如果收割台尺寸发生变化，则必须重新调整顶部值。我假设这可能首先导致了缺陷，这肯定不是解决方案，我试过了，它将类别菜单栏推到了一些图片的顶部。你可能会有一部分，但你的推荐中可能会遗漏其他CSS更改。