Home > Mac > Internet Explorer インラインフレームにz-indexが効かない

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

インラインフレーム(iframe要素)には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無視してインラインフレームが上に来ちゃうのか・・・
困ったな

Home > Mac > Internet Explorer インラインフレームにz-indexが効かない

Search
オススメ書籍
Feeds

Return to page top