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 に答える