为什么菜单出现在Chrome和FireFox中,而不是IE?

时间:2012-09-14 00:13:16

标签: html css internet-explorer firefox google-chrome

为什么顶级类别菜单(Everything,Ballet Flats,Boots等) - div id =“header-bar” - 在FireFox和Chrome中看起来很棒,但除非你向下滚动页面,否则要隐藏在IE中?

http://shoeporn.com

任何帮助将不胜感激:)

4 个答案:

答案 0 :(得分:0)

它位于顶部栏的下方(后面)。将z-index更改为大于顶部栏的内容,或将top更改为将其放置在顶栏下方。

答案 1 :(得分:0)

它隐藏在铬中。 z-index低于背景之一或其他东西。 无论如何添加这样的东西到你的header-nav:

z-index: 130;

答案 2 :(得分:0)

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

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

这将保持自然文件流; position:relative允许下拉定位和维护渲染上下文(与删除位置属性完全相同,并看到下方菜单位于“瓷砖”后面)

经验法则:如果没有它,可以避免绝对定位。

答案 3 :(得分:-1)

对我来说,它隐藏在chrome中......无论如何在css中改变它:

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

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

希望它会有所帮助...