Q

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

2012-09-14 119 views 1 likes

1

为什么顶级类别菜单（Everything，Ballet Flats，Boots等） - div id =“header-bar” - 在FireFox和Chrome中看起来不错，但是在IE中隐藏，除非你向下滚动页面？为什么菜单出现在Chrome和FireFox中，但不是IE？

http://shoeporn.com

任何帮助将非常感激:)

2012-09-14 Kane

+0

这是一个冒险的点击 –

+0

对不起，我的坏，我应该说SFW :) – Kane

A

回答

-1

对我来说，它隐藏在镀铬太...无论如何改变这个在CSS：从＃头，包装

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

删除的z-index和添加的z-index：106＃报头导航。

希望它有帮助...

2012-09-14 00:21:12 hjuster

+0

谢谢，这是诀窍！ – Kane

+0

这种维护“position：relative”的方法不必干涉文档流并提交给显式维度。（另外：这太硬了，如果头部尺寸发生变化，'顶部'值将不得不重新调整，我认为这可能导致了第一个缺陷） –

0

它的下面（后面），最上面一栏的位置。将z-index更改为比顶栏更大的东西，或将top更改为将其放置在顶栏之下。

2012-09-14 00:18:05

0

它隐藏在铬也是。 z-index低于背景或其他东西。反正添加一些像这样的页头导航：

z-index: 130;

2012-09-14 01:33:03 lolzballs

0

我觉得在这个特殊的例子在#header-bar设置position:absolute是不良的做法。考虑将其改为

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

这将保持自然的文档流; position:relative允许下拉定位并保持渲染上下文（与完全移除位置属性相比较，并且看到下面的菜单在鞋瓦后面）

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

2012-09-14 06:32:49

+0

这绝对不是解决方案，我试过并且它将类别菜单栏放在一些图片的顶部。您可能会有一部分存在，但您的建议中可能会遗漏其他CSS更改。 – Kane

相关问题