Flash IE 10+;

Flash IE 10+;,flash,internet-explorer,overlay,Flash,Internet Explorer,Overlay,我遇到了一个奇怪的问题,在Flash对象顶部的DIV中叠加文本。我知道WMODE参数是IE 9和以下版本的关键,我能够在FF、Safari、IE 8和9等版本中很好地使用它。使用这段代码(我没有在CSS中使用z-index或任何东西,只是绝对定位): 标题 文本2 但在IE 10和11中,由于某种原因,div出现在Flash电影的后面,而不是在它的顶部……似乎WMODE根本不重要,对象仍然希望出现在所有内容的顶部 如果有任何想法,我将不胜感激。事实证明IE10+没有注意条件注释,因此wmod

我遇到了一个奇怪的问题,在Flash对象顶部的DIV中叠加文本。我知道WMODE参数是IE 9和以下版本的关键,我能够在FF、Safari、IE 8和9等版本中很好地使用它。使用这段代码(我没有在CSS中使用z-index或任何东西,只是绝对定位):


标题
文本2

但在IE 10和11中,由于某种原因,div出现在Flash电影的后面,而不是在它的顶部……似乎WMODE根本不重要,对象仍然希望出现在所有内容的顶部


如果有任何想法,我将不胜感激。

事实证明IE10+没有注意条件注释,因此wmode被忽略了

我通过向这两个对象添加
来修复它,不管它们是否是IE。最后的代码是:

<!--[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>

标题
文本2


正如我所说的,添加wmode参数在IE 10或11中不起作用。无论我是通过PHP、JavaScript还是HTML添加参数,这都无关紧要……它只是没有被识别,或者不再是IE10及以上版本的解决方案。所以我在这里看到的其他解决方案不起作用。哦,等等,我真傻,IE10不尊重条件注释。你的
东西没有被使用。啊,谢谢!我不知道。将
添加到另一个对象似乎正在工作。
<!--[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>