Css 在ie7中,导航菜单隐藏在div后面,但在ie8中有效

Css 在ie7中,导航菜单隐藏在div后面,但在ie8中有效,css,internet-explorer-7,Css,Internet Explorer 7,在上面的链接中,导航菜单隐藏在div后面,尝试了位置相对属性和zindex以及tc。要使菜单显示在div的顶部,但没有任何效果。尝试返回DOM树,确保导航的容器上有position:relative和足够高的z索引。IE7的z索引方式略有不同;z索引只适用于其包含元素内部,而不是相对于整个文档 换言之: <div id="header"> <div id="nav">Blah</div> </div> <div id="content


在上面的链接中,导航菜单隐藏在div后面,尝试了位置相对属性和zindex以及tc。要使菜单显示在div的顶部,但没有任何效果。

尝试返回DOM树,确保导航的容器上有position:relative和足够高的z索引。IE7的z索引方式略有不同;z索引只适用于其包含元素内部,而不是相对于整个文档

换言之:

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

废话
废话

给导航一个z索引只会影响标题内的其他元素。当content div稍后出现在文档下方时,它仍将位于内容下方,这使其具有比标题更高的“自然”z索引

但是,如果给标题指定的z索引高于content div,则会导致导航显示在内容的顶部

在声明z索引时,请确保有position:relative或position:absolute,否则它将无法工作。我注意到页面上有几个元素有z索引,但没有定位