详析html元素遮挡flash的实例

来源：爱站网时间：2019-07-15编辑：网友分享

当网页嵌入flash时会遮挡出JavaScript代码生成的div层，本文主要是以真实的学校教学管理系统为案例,为您详细html元素遮挡flash的实例，感兴趣的小伙伴们一起来探讨吧。

复制代码

代码如下:

wmode参数：
transparent模式：可用z-index控制层级
opaque模式：可用z-index控制层级
window模式：flash层级在浏览器核心显示窗口之上，flash会盖住与他重合的html

情景1（可修改flash的wmode参数）
修改wmode属性为，transparent或opaque

DEMO如下：

复制代码

代码如下:

Jununx，欢迎您！--transparent

Jununx，欢迎您！--opaque

情景2（不可修改flash的wmode参数）-- flash和你的iframe遮挡层在同一个页面
注：如果要兼容Safari、Opera，那么请直接告诉需求这个遮不了

DEMO如下：

复制代码

代码如下:

Jununx，欢迎您！--window

情景3（不可修改flash的wmode参数）-- flash是被一个iframe页面引入的
注：如果木有权限操作iframe页面，那么请直接告诉需求这个遮不了注：如果要兼容Safari、Opera，那么请直接告诉需求这个遮不了

DEMO页：

复制代码

代码如下:

Jununx，欢迎您！--window

iframe页：

复制代码

代码如下:

以上就是详析html元素遮挡flash的实例，你觉得对你有所帮助吗？有需要的朋友们看完后记得关注我们哦。