关于flash覆盖其他图片,z-index无效问题的解决方法参考资料: 1.http://bbs.blueidea.com/thread-2868859-1
关于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部分)
?
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属性进行修改。最终代码如下:
?
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>