为什么顶级类别菜单(Everything,Ballet Flats,Boots等) - div id =“header-bar” - 在FireFox和Chrome中看起来很棒,但除非你向下滚动页面,否则要隐藏在IE中?
任何帮助将不胜感激:)
答案 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。
希望它会有所帮助...