导航菜单隐藏在ie7中的div后面,但在ie8中工作

时间:2011-12-19 05:48:30

标签: css internet-explorer-7

http://tinyurl.com/d48sf22 在上面的链接导航菜单隐藏在div后面,尝试了位置相对属性和zindex以及tc。在div之上制作菜单,但没有任何效果。

1 个答案:

答案 0 :(得分:2)

尝试返回DOM树并确保导航的容器具有位置:relative和足够高的z-index。 IE7的z-indexing略有不同;而不是相对于整个文档,z-indexing仅适用于其包含的元素。

换句话说:

<div id="header">
    <div id="nav">Blah</div>
</div>
<div id="content">
    <p>Blah</p>
</div>

为nav提供z-index只会影响标题内的其他元素。当内容div稍后出现在文档中时,它仍将位于内容的下方,这使得它具有比标题更高的“自然”z索引。

但是,如果您为标题提供比内容div更高的z-index,则应该导致导航显示在内容的顶部。

确保在声明z-index时有位置:relative或position:absolute,否则将无效。我注意到你网页上的一些元素有z-index但没有定位。