[PR]今日のニュースは
「Infoseek モバイル」

Internet Explorer (MacOS) CSSバグリスト

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

症状

インラインフレーム(iframe要素)にはz-indexプロパティが効かず、常に最前面に表示される。

例示

<div style="position:relative; width:200px; height:100px;
  background:aqua; z-index:2;">z-index:2;</div>
<iframe src="" style="position:relative; left:25px; top:-75px;
  width:200px; height:100px; z-index:1;">z-index:1;</iframe>
z-index:2;

本来はz-indexプロパティが2のdiv要素のボックスがiframe要素のボックスより前面に表示されるはずですが、MacIEではiframeがより前面に表示されてしまうそうです。

報告書き込み

Mac-IEだとz-index無視してインラインフレームが上に来ちゃうのか・・・
困ったな