internet explorer - HTML overlay on Flash in IE 10+ -
i'm having odd problem overlaying text in div on top of flash object. know wmode parameter key ie 9 , below, , able working fine in ff, safari, ie 8 , 9, etc. code (i'm not using z-index or in css, absolute positioning):
<!--[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>
but reason in ie 10 , 11, div appears behind flash movie, not on top of it...as if wmode doesn't matter @ , object still wants appear on top of everything.
i'd appreciate ideas, i'm stumped.
it turns out ie 10+ doesn't pay attention conditional comments, wmode being ignored.
i fixed adding <param name="wmode" value="opaque">
both objects, regardless of whether ie or not. final code this:
<!--[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"> <param name="wmode" value="opaque"> <!--<![endif]--> <img src="image.jpg" /> </object> <div class="copy-left" > <h2 style="color:#ffffff">title</h2> <p style="color:#ffffff">text 2</p> </div>
Comments
Post a Comment