关于flash覆盖其他图片,z-index无效问题的解决方法
2012-10-16 17:38
120 查看
参考资料: 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>
相关文章推荐
- Flash与z-index(解决flash覆盖其他元素的问题)
- IE7 设置z-index的覆盖问题的解决方法
- 关于页面嵌入swf覆盖div层的问题的解决方法
- IE中图片的onload事件无效问题和解决方法
- 关于Jquery的noConflict()方法,解决Jquery库与其他库冲突问题
- c#关于int(或其他类型)的字段在对象初始化时默认初始化问题的解决方法
- 关于"xampp中mysql中配置问题:Unknown initial character set index '48' received from server错误解决方法"
- [拦截器]关于拦截方法调用其他内部方法无法被拦截问题的解决
- 解决图片滚轮放大以后覆盖其他组件的问题
- 关于mfc串口通信.exe文件在其他电脑无法打开的原因及解决问题方法
- 关于EwebEeditor 不能上传图片问题解决方法
- 解决Flash挡住层用z-index无效的问题
- [拦截器]关于拦截方法调用其他内部方法无法被拦截问题的解决
- 关于拦截方法调用其他内部方法无法被拦截问题的解决
- flash无法覆盖的问题_三种办法可以解决flash覆盖其他元素
- 解决Flash挡住层用z-index无效的问题
- 关于图片资源在android2.1/2.2/2.3下无法显示的问题以及解决方法
- 关于phpcms v9的get标签里面的sql 语句limit无效问题的解决方法
- 关于页面嵌入swf覆盖div层的问题的解决方法
- IE中图片的onload事件无效问题和解决方法