1

为什么顶级类别菜单（Everything、Ballet Flats、Boots 等） - div id="header-bar" - 在 FireFox 和 Chrome 中看起来很棒，但在 IE 中隐藏，除非您向下滚动页面？

http://shoeporn.com

任何帮助都感激不尽 ：）

4

4 回答 4

0

它位于顶部栏的下方（后面）。要么将 更改为z-index比顶部栏更大的东西，要么将 更改为top将其放置在顶部栏下方。

于 2012-09-14T00:18:05.937 回答
0

它也隐藏在铬中。z-index 低于背景之类的。无论如何，将这样的内容添加到您的 header-nav 中：

z-index: 130;
于 2012-09-14T01:33:03.747 回答
0

我发现position:absolute在#header-bar这个特定的例子中设置是不好的做法。考虑将其更改为

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

这将保持自然的文档流；position:relative允许下拉定位和维护渲染上下文（与完全删除位置属性相比，看到下拉菜单在鞋砖“后面”）

经验法则：如果您可以在没有它的情况下构建，请避免使用绝对定位。

于 2012-09-14T06:32:49.070 回答
-1

对我来说，它也隐藏在 chrome 中......无论如何在 css 中更改它：

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

从 #header-wrapper 中删除 z-index 并将 z-index:106 添加到 #header-nav。

希望它会有所帮助...

于 2012-09-14T00:21:12.057 回答