弹出层被flash遮罩住

弹出层被flash遮罩住可以说是个经典的问题了，经常碰到，从网上找了两个，贴出来备忘。

1.在<object 里添加<param name=wmode value="opaque">
2.然後在embed 里添加  wmode="opaque"

2012-2-1, 更新：
1.在<object 里添加 <param name="wmode" value="transparent">
2.embed 设置  wmode="opaque"
也可以实现

 

 

swfObject 中 wmode 参数介绍

wmode 属性

参数值有

Window | Opaque | Transparent|direct|gpu等

 eg).

Html代码

 

说明

“Window”   在 Web 页上用影片自己的矩形窗口来播放应用程序。“Window”表明 Flash 应用程序与 HTML 层没有任何交互，并且始终位于最顶层。 

“Opaque”   使应用程序隐藏页面上位于它后面的所有内容。 

“Transparent”   使 HTML 页的背景可以透过应用程序的所有透明部分进行显示，这样可能会降低动画性能。

“Opaque ”和“Transparent ” 都可与 HTML 层交互，并允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于“Transparent”允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来。

如果忽略此属性，默认值为 Window。仅适用于 object。 

通常在flash上设置浮层时要用到wmode这一属性，由于想dreamweaver这类开发工具的object对象都不自带这一属性，所以想要实现flash上添加浮层时，要记得加上这一属性，并将其属性值设置为Opaque或Transparent。

 

值得注意的是这几种模式下的transparent模式，会导致文本输入框 （InputText）输入不了中文，其他模式下没有这种问题。