关于flash覆盖其他图片，z-index无效问题的解决方法

参考资料： 1.http://bbs.blueidea.com/thread-2868859-1-1.html 4#正解
          2.http://www.mysjtu.com/page/M0/S575/575967.html

背景：网站的头部用了一个flash图片，在body部分点击某个链接时弹出图片。引入flash时应用了js(AC_RunActiveContent.js)
Adobe 提供的 JS 文件下载地址: activecontent_samples.zip
存在问题：弹出的图片头部会被flash遮住，修改图片及flash的z-index皆无效
源代码：（插入头部flash部分）

 

<div align="center">
<script type="text/javascript">

AC_FL_RunContent('codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0', 'width', '1000', 'height', '249', 'src', '/Content/images/topimg', 'quality', 'high', 'pluginspage', 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash', 'movie', '/Content/images/topimg'); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="1000" height="249">
<param name="movie" value="/Content/images/topimg.swf" />
<param name="quality" value="high" />
<embed quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="1000" height="249"></embed>
</object>
</noscript>
</div>

（在firefox中测试不覆盖，不知何解，chrome、ie8皆有问题）

参考诸多资料之后，下载adobe提供的示例测试后，在script代码部分AC_FL_RunContent（）里面加上'wmode', 'transparent'解决问题。

noscript部分object中 也别忘对wmode属性进行修改。最终代码如下：

 

 

<div align="center">
<script type="text/javascript">

AC_FL_RunContent('wmode', 'transparent','codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0', 'width', '1000', 'height', '249', 'src', '/Content/images/topimg', 'quality', 'high', 'pluginspage', 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash', 'movie', '/Content/images/topimg'); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="1000" height="249">
<param name="movie" value="/Content/images/topimg.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed style="z-index: 1" src="/Content/images/topimg.swf" wmode="transparent" quality="high"
pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="1000" height="249"></embed>
</object>
</noscript>
</div>