DIV 内のテキストを Flash オブジェクトの上に重ねる際に奇妙な問題が発生します。WMODE パラメーターが IE 9 以下のキーであることはわかっています。このコードを使用して、FF、Safari、IE 8 および 9 などで問題なく動作させることができました (z-index などは使用していません)。私のCSSでは、絶対配置だけです):
<!--[if IE]>
<object width="960" height="280" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="movie" value="/assets/flash.swf">
<param name="wmode" value="opaque">
<![endif]-->
<!--[if !IE]>-->
<object width="960" height="280"
data="/assets/flash.swf"
type="application/x-shockwave-flash">
<!--<![endif]-->
<img src="image.jpg" />
</object>
<div class="copy-left" >
<h2 style="color:#FFFFFF">Title</h2>
<p style="color:#FFFFFF">Text 2</p>
</div>
しかし、何らかの理由で IE 10 および 11 では、div が Flash ムービーの上ではなく後ろに表示されます...あたかも WMODE がまったく問題ではなく、オブジェクトがまだすべての上に表示されることを望んでいるかのように。
アイデアをいただければ幸いです。困惑しています。