html元素遮挡flash详解示例
2014-09-23来源:

代码如下:

wmode参数:

transparent模式:可用z-index控制层级

opaque模式:可用z-index控制层级

window模式:flash层级在浏览器核心显示窗口之上,flash会盖住与他重合的html

情景1(可修改flash的wmode参数)

修改wmode属性为,transparent或opaque

DEMO如下:

代码如下:

HTML元素遮挡Flash - 情景1

">

>

Jununx,欢迎您!--transparent

">

>

Jununx,欢迎您!--opaque

Baidu
map

情景2(不可修改flash的wmode参数)-- flash和你的iframe遮挡层在同一个页面

注:如果要兼容Safari、Opera,那么请直接告诉需求这个遮不了

DEMO如下:

代码如下:

HTML元素遮挡Flash - 情景2

">

>

Jununx,欢迎您!--window

Baidu
map

情景3(不可修改flash的wmode参数)-- flash是被一个iframe页面引入的

注:如果木有权限操作iframe页面,那么请直接告诉需求这个遮不了注:如果要兼容Safari、Opera,那么请直接告诉需求这个遮不了

DEMO页:

代码如下:

HTML元素遮挡Flash - 情景2

Jununx,欢迎您!--window

Baidu
map

iframe页:

代码如下:

HTML元素遮挡Flash - 情景3

">

>

Baidu
map

更多信息请查看IT技术专栏

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息
Baidu
map