IE Z-指数问题(IE Z-Index issues)

我有经典的问题，我的头导航栏是我的iframe下要在身体，但我在与异索引解决这种尝试刚刚离开了我同样的问题更加困惑，仍然：/这是我的设置：

<header style="z-index:2;">
....code....
<nav align="center" style="z-index:2;">
....nav....
</nav>
</header>
<section id="content" style="z-index:-1;">
<div class="block">
    <div class="main">
    <!--[if IE]>
<div style="z-index:-2;">
<iframe width="900" height="900" style="position:relative; z-index:-2;" src="http://www.flytheflagtexas.com/athens/magazine/latest/index.html" ></iframe>
</div>
<![endif]-->
....code....

为什么惯于在z指数：-2 IFRAME下出现什么？ 这里是页面： http://www.flytheflagtexas.com/athens/latest随意去通过代码

Answer 1:

z-index的前提是您给了铺设组件所使用的位置。 否则，它只是不工作。 这意味着，z索引适用于：定位元件

Answer 2:

试试这个：

#nav{position:relative; z-index:2;}

和用于将框架

#content{position:relative;}

你不需要给予的z-index值至底部元件，但你可以，只是使它小于2。

Answer 3:

当您使用Z-指数仅可靠地工作

position: relative; 

要么

position: absolute;

如果你没有在CSS中设置位置到支持的值，z索引将不会有任何效果。

文章来源: IE Z-Index issues