インラインフレームにz-indexが効かない

症状

インラインフレームであるiframe要素にz-indexプロパティを指定しても無視され、常に最前面に表示されてしまう。

例示

<div style="position:absolute; left:0; top:0; width:150px;
  height:100px; background:aqua; z-index:2;">2</div>
<iframe src="b065.html" style="position:absolute; left:20px;
  top:20px; width:150px; height:100px; z-index:1;">iframe</iframe>
2

空色の背景のdiv要素のz-indexが2、iframe要素のz-indexが1なので、インラインフレームはdiv要素の後ろ側に置かれるはずです。

スクリーンショット

N7.1N7.1での表示(標準モード)

Op7.1Opera7.11での表示(標準モード)

修正状況

Opera6.06、Opera7.03、Opera7.11で不具合の発生を確認しました。

スポンサーリンク

関連記事

スポンサーリンク

コマンドやphpMyAdminで複数のデータベースに接続できるユーザーを作成する方法

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る