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

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -