2

我遇到了经典问题,我的标题导航栏位于正文中的 iframe 下方,但是我尝试使用 z-indexes 解决这个问题让我更加困惑并且仍然遇到同样的问题:/ 这是我的设置:

<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-index:-2 iframe 不会出现在任何东西下?这是页面:http : //www.flytheflagtexas.com/athens/latest 随意浏览代码

4

3 回答 3

2

z-index 仅在您指定用于布局组件的位置时才有效。否则它只是行不通。这意味着 z-index 适用于:定位元素

于 2012-10-31T15:40:22.233 回答
1

试试这个:

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

和框架

#content{position:relative;}

您不需要为底部元素提供 z-index 值,但可以,只需使其小于 2。

于 2012-10-31T16:20:59.567 回答
0

Z-index 只有在您使用时才能可靠地工作

position: relative; 

或者

position: absolute;

如果您没有将 CSS 中的位置设置为支持的值之一,则 z-index 将不会产生任何影响。

于 2014-08-20T19:08:24.903 回答