站长资源网页制作

网页设计中flash覆盖弹出层设置z-index属性也不行

整理:jimmy2024/12/22浏览2
简介Flash 默认总是会显示在页面的最顶层,也就是说如果页面上存在一些DHTML Layer,那么这些层将会被Flash盖住。即使设置了 z-index 属性也无济于事。如果你需要一些 LightBox 的弹出层,页面上的Flash可能会让其效果丑陋不堪。 Adobe 的技术知识库里提供了解决的办法:
Flash 默认总是会显示在页面的最顶层,也就是说如果页面上存在一些DHTML Layer,那么这些层将会被Flash盖住。即使设置了 z-index 属性也无济于事。如果你需要一些 LightBox 的弹出层,页面上的Flash可能会让其效果丑陋不堪。

Adobe 的技术知识库里提供了解决的办法:

需要看三个地方

①给<object> 标签增加wmode参数:<param name="wmode" value="transparent"> ;
②如果有<embed>,给<embed> 标签也增加类似参数:wmode="transparent" ;
③为了解决【当鼠标移到网页中的FLASH上时,会出现一个外边框,提示“单击以激活此控件”】的问题,我们常使用DM自带的 AC_FL_RunContent()函数来插入flash,如果你使用了此函数,也要在它的参数里加入wmode属性定义,如下:

复制代码代码如下:
<script type="text/javascript">
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','900','height','220','src','headmenu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','headmenu','wmode','transparent' ); //end AC code
</script>