インラインフレーム(iframe要素)にはz-indexプロパティが効かず、常に最前面に表示される。
- Category: Internet Explorer, Mac
- Tag: z-index
例示
<div style="position:relative; width:200px; height:100px; background:aqua; z-index:2;">
z-index:2;
</div>
<div>
<iframe src="http://css-bug.jp/mac/ie/" style="position:relative; left:25px; top:-75px; width:200px; height:100px; z-index:1;">z-index:1;</iframe>
</div>
z-index:2;
本来はz-indexプロパティが2のdiv要素のボックスがiframe要素のボックスより前面に表示されるはずですが、MacIEではiframeがより前面に表示されてしまうそうです。
報告書き込み
Mac-IEだとz-index無視してインラインフレームが上に来ちゃうのか・・・
困ったな


